/*
  tokens.css — Google Material Design 3 Inspired Theme
  Este archivo es el único que debe contener valores de color en bruto.
  Los archivos CSS de componentes y las plantillas Templ consumen estas variables
  para asegurar que la aplicación responda a cambios globales de diseño al alternar temas.
*/

html[data-theme="dark"] {
  /* M3 Dark Palette (Colores del Sistema de Google) */
  --color-base-100: oklch(14% 0.008 286);          /* Surface M3 */
  --color-base-200: oklch(18% 0.01 286);           /* Surface Container M3 */
  --color-base-300: oklch(22% 0.01 286);           /* Surface Container High M3 */
  --color-base-content: oklch(90% 0.01 286);       /* On Surface M3 */

  --color-primary: oklch(80% 0.11 288);            /* Primary M3 (#D0BCFF) */
  --color-primary-content: oklch(20% 0.05 288);    /* On Primary M3 */

  --color-secondary: oklch(80% 0.04 286);          /* Secondary M3 (#CCC2DC) */
  --color-secondary-content: oklch(20% 0.02 286);  /* On Secondary M3 */

  --color-accent: oklch(80% 0.08 350);             /* Accent M3 (#EFB8C8) */
  --color-accent-content: oklch(20% 0.02 350);     /* On Accent M3 */

  --color-neutral: oklch(28% 0.01 286);
  --color-neutral-content: oklch(95% 0.01 286);

  --color-info: oklch(75% 0.10 240);
  --color-success: oklch(78% 0.12 140);
  --color-warning: oklch(82% 0.14 80);
  --color-error: oklch(72% 0.18 25);

  --muted: oklch(90% 0.01 286 / 0.6);
  --line: oklch(90% 0.01 286 / 0.08);
  --line-strong: oklch(90% 0.01 286 / 0.16);

  --nav-color: oklch(90% 0.01 286 / 0.78);
  --topbar-bg: oklch(14% 0.008 286 / 0.65);
  --glow-1: oklch(80% 0.11 288 / 0.06);
  --glow-2: oklch(80% 0.08 350 / 0.05);

  --rounded-btn: 8px;
  --radius-field: var(--rounded-btn);
  --radius-box: var(--rounded-btn);
  --theme-color-scheme: dark;
}

html[data-theme="light"] {
  /* Para el tema claro usamos el tema built-in "light" de DaisyUI 5.
     No sobrescribimos las variables de color para que se aplique el palette
     oficial de DaisyUI (https://daisyui.com/docs/themes/). */

  /* Variables estructurales / custom no proporcionadas por DaisyUI */
  --muted: oklch(20% 0.01 286 / 0.62);
  --line: oklch(20% 0.01 286 / 0.12);
  --line-strong: oklch(20% 0.01 286 / 0.2);

  --nav-color: oklch(20% 0.01 286 / 0.76);
  --topbar-bg: oklch(100% 0 0 / 0.75);
  --glow-1: color-mix(in oklch, var(--color-primary) 6%, transparent);
  --glow-2: color-mix(in oklch, var(--color-secondary) 5%, transparent);

  --rounded-btn: 8px;
  --radius-field: var(--rounded-btn);
  --radius-box: var(--rounded-btn);
  --theme-color-scheme: light;
}