/* ChatGPT-inspired Theme
   This file provides additional styling that complements design-tokens.css
   All colors should use CSS variables from design-tokens.css for theme compatibility
*/

:root {
  color-scheme: light dark;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Links */
a {
  color: var(--color-primary-light);
  transition: color 0.15s ease;
}

a:hover {
  color: var(--color-primary);
}

/* Smooth transitions for theme switching */
*,
*::before,
*::after {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.15s ease;
}

/* Exclude elements where transitions cause issues */
button,
.btn,
input,
textarea,
select {
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}