/* Tema "teleserie" sobre las variables de Oat (https://oat.ink, src/css/01-theme.css).
   Cada variable es light-dark(claro, oscuro). Por defecto sigue el modo del sistema operativo;
   el switch del topbar fuerza uno u otro (color-scheme en <html>).

   Paleta: escalas zinc (neutros) y rose (marca) + red/emerald/amber para estados.
   Regla: en oscuro los colores de estado son tonos claros (400), en claro tonos oscuros (700/800).
   El contraste WCAG AA (4.5:1) de cada combinación lo valida internal/web/theme_test.go. */
:root {
  --background:           light-dark(oklch(96.7% 0.001 286.375), oklch(14.1% 0.005 285.823)); /* zinc-100 / zinc-950 */
  --foreground:           light-dark(oklch(21% 0.006 285.885),   oklch(96.7% 0.001 286.375)); /* zinc-900 / zinc-100 */
  --card:                 light-dark(oklch(100% 0 0),            oklch(21% 0.006 285.885));   /* blanco   / zinc-900 */
  --card-foreground:      light-dark(oklch(21% 0.006 285.885),   oklch(96.7% 0.001 286.375)); /* zinc-900 / zinc-100 */
  --primary:              light-dark(oklch(51.4% 0.222 16.935),  oklch(71.2% 0.194 13.428));  /* rose-700 / rose-400 */
  --primary-foreground:   light-dark(oklch(96.9% 0.015 12.422),  oklch(27.1% 0.105 12.094));  /* rose-50  / rose-950 */
  --secondary:            light-dark(oklch(92% 0.004 286.32),    oklch(27.4% 0.006 286.033)); /* zinc-200 / zinc-800 */
  --secondary-foreground: light-dark(oklch(21% 0.006 285.885),   oklch(96.7% 0.001 286.375)); /* zinc-900 / zinc-100 */
  --muted:                light-dark(oklch(92% 0.004 286.32),    oklch(27.4% 0.006 286.033)); /* zinc-200 / zinc-800 */
  --muted-foreground:     light-dark(oklch(44.2% 0.017 285.786), oklch(70.5% 0.015 286.067)); /* zinc-600 / zinc-400 */
  --faint:                light-dark(oklch(98.5% 0 0),           oklch(21% 0.006 285.885));   /* zinc-50  / zinc-900 */
  --faint-foreground:     light-dark(oklch(44.2% 0.017 285.786), oklch(70.5% 0.015 286.067)); /* zinc-600 / zinc-400 */
  --accent:               light-dark(oklch(92% 0.004 286.32),    oklch(27.4% 0.006 286.033)); /* zinc-200 / zinc-800 */
  --danger:               light-dark(oklch(50.5% 0.213 27.518),  oklch(80.8% 0.114 19.571));  /* red-700  / red-300 */
  --danger-foreground:    light-dark(oklch(97.1% 0.013 17.38),   oklch(25.8% 0.092 26.042));  /* red-50   / red-950 */
  --success:              light-dark(oklch(43.2% 0.095 166.913), oklch(76.5% 0.177 163.223)); /* emerald-800 / emerald-400 */
  --success-foreground:   light-dark(oklch(97.9% 0.021 166.113), oklch(26.2% 0.051 172.552)); /* emerald-50  / emerald-950 */
  --warning:              light-dark(oklch(47.3% 0.137 46.201),  oklch(82.8% 0.189 84.429));  /* amber-800 / amber-400 */
  --warning-foreground:   light-dark(oklch(98.7% 0.022 95.277),  oklch(27.9% 0.077 45.635));  /* amber-50  / amber-950 */
  --border:               light-dark(oklch(92% 0.004 286.32),    oklch(27.4% 0.006 286.033)); /* zinc-200 / zinc-800 */
  --input:                light-dark(oklch(87.1% 0.006 286.286), oklch(37% 0.013 285.805));   /* zinc-300 / zinc-700 */
  --ring:                 light-dark(oklch(51.4% 0.222 16.935),  oklch(71.2% 0.194 13.428));  /* rose-700 / rose-400 */

  /* Panel de arte del login: siempre oscuro (mismo valor en claro y en oscuro), hebras moradas y rosa de la marca. */
  --art:                  light-dark(oklch(17% 0.035 300),       oklch(17% 0.035 300));
  --art-foreground:       light-dark(oklch(97.5% 0.008 300),     oklch(97.5% 0.008 300));
  --art-muted-foreground: light-dark(oklch(80% 0.03 300),        oklch(80% 0.03 300));
  --art-line-a:           light-dark(oklch(52% 0.19 310),        oklch(52% 0.19 310));
  --art-line-b:           light-dark(oklch(66% 0.18 10),         oklch(66% 0.18 10));

  /* Tipografía (fonts.css): Inter para la interfaz, Playfair 2 para títulos. */
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-serif: "Playfair", Georgia, serif;
  --sidebar-width: 15rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;
}