/* GENERADO desde design/tokens.css: no editar */
/* Fuente única de los tokens visuales compartidos por la app (WebView2) y la consola web
   (docs/diseno-consola-v2.md §5). Editado a mano: no tocar las copias generadas
   (src/PBFoneAssistant.UI/web/css/tokens.css y server/PBFone.Assistant.Console/wwwroot/css/tokens.css),
   que escriben scripts/sync-tokens.sh y scripts/sync-tokens.ps1 y comprueba scripts/check-tokens.sh.

   Nombres: los de la app (docs/diseno-app), porque su diseño es la fuente visual aprobada. El bloque
   :root tiene el tema oscuro (el único que tiene la app hoy) y la escala de espaciado/radios/tipografía,
   que no cambia por tema. El bloque :root[data-theme="light"] añade los colores del tema claro que ya
   tenía la consola: la app nunca pone data-theme en <html>, así que ese bloque no le afecta.

   Valores que hoy difieren entre la app y la consola (p. ej. --color-ok-bg, --color-warn-bg):
   mandan los de la app hasta que Álvaro decida en D14 (docs/diseno-consola-v2.md §7); no se han
   cambiado aquí. */
:root {
  /* Fondo y paneles */
  --color-bg: #030712;
  --color-panel: #111827;
  --color-panel-alt: #0F1D17; /* panel verde (todo correcto) */
  --color-border: #1F2937;
  --color-border-strong: #374151;
  --color-divider: #1A2230;

  /* Texto */
  --color-text: #F3F4F6;
  --color-text-secondary: #9CA3AF;
  --color-text-muted: #9CA3AF; /* #6B7280 no cumple 4.5:1 sobre los paneles: solo para disabled */
  --color-text-disabled: #6B7280;

  /* Menú lateral */
  --color-menu-bg: #0B1120;
  --color-menu-active: #1C2538;

  /* Acento */
  --color-accent: #F97316;
  --color-accent-ink: #030712; /* texto sobre botones de acento */
  --color-link: #FB923C;
  --color-link-hover: #FDBA74;

  /* Estado */
  --color-ok: #34D399;
  --color-ok-soft: #7EE2B0;
  --color-ok-bg: #0F1D17;
  --color-ok-border: #1D3A2C;
  --color-warn: #EAB308;
  --color-warn-bg: #1C1A0B;
  --color-warn-border: #4D420F;
  --color-warn-text: #E5D9A8;
  --color-error: #F87171;
  --color-error-bg: #2A1416;
  --color-error-text: #FFB1B1;

  /* Chips */
  --color-chip-managed-bg: #2A1708;
  --color-chip-managed-text: #FDBA74;
  --color-chip-neutral-bg: #1F2937;
  --color-chip-neutral-text: #D1D5DB;

  /* Asistente IA */
  --color-ai-bg: #1A1007;
  --color-ai-border: #7C2D12;
  --color-ai-text: #FDBA74;

  /* Tipografía. El diseño usa Comfortaa para «pbfone», pero esa fuente viene de Google Fonts
     (URL externa, prohibida por la CSP): en su lugar usamos img/pbfone-logo.png (ver app.html). */
  --font-ui: 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Cascadia Mono', Consolas, monospace;

  /* Tamaño */
  --control-min-height: 44px;
  --radius-s: 8px;
  --radius-m: 10px;
  --radius-l: 14px;
  --radius-xl: 16px;
  --focus-ring: 2px solid var(--color-accent);

  /* Espaciado (AXT-043). Escala única para gap/padding/margin: tarjetas, botones y
     separación con los bordes de la ventana usan siempre uno de estos pasos, nunca un
     valor suelto. --space-0 es la única excepción deliberada: el hueco de 2px entre un
     título y su subtítulo en una pila de texto apretada (no es un "hueco" que deba
     respirar más). Los valores que antes caían entre dos pasos (6, 10, 14, 18, 22, 28px)
     se han redondeado siempre hacia arriba, nunca hacia abajo: el hallazgo que motiva
     esta escala es "elementos pegados", así que ningún hueco se ha encogido. */
  --space-0: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
}

/* Tema claro: solo lo usa la consola hoy (la app nunca pone data-theme). Valores tal
   como ya los tenía server/PBFone.Assistant.Console/wwwroot/css/consola.css antes del
   renombrado de esta parte 1 — sin decidir todavía si conviene unificarlos con los que
   tendría un eventual tema claro de la app (no existe hoy). */
:root[data-theme="light"] {
  --color-bg: #f9fafb;
  --color-panel: #ffffff;
  --color-border: #e5e7eb;
  --color-text: #111827;
  --color-text-muted: #4b5563;
  --color-accent: #f97316;
  --color-link: #c2410c;
  --color-link-hover: #9a3412;
  --color-accent-ink: #111827;
  --color-ok-bg: #ecfdf3;
  --color-ok: #15803d;
  --color-ok-border: #86efac;
  --color-warn-bg: #fefbea;
  --color-warn: #a16207;
  --color-warn-border: #fde68a;
  --color-error-bg: #fef2f2;
  --color-error: #b91c1c;

  /* Consola v2 (docs/plan-consola-v2.md): el resto de tokens que el tema oscuro ya tenía y el claro no,
     para que ningún componente herede en claro un valor pensado para fondo oscuro. Ninguna página antigua
     de la consola los usa, y la app nunca pone data-theme="light". Contraste AA sobre --color-panel. */
  --color-panel-alt: #ecfdf3;
  --color-border-strong: #d1d5db;
  --color-divider: #eef0f3;
  --color-text-secondary: #4b5563;
  --color-text-disabled: #6b7280;
  --color-menu-bg: #ffffff;
  --color-menu-active: #fff1e6;
  --color-ok-soft: #166534;
  --color-warn-text: #713f12;
  --color-error-text: #991b1b;
  --color-chip-managed-bg: #fff1e6;
  --color-chip-managed-text: #9a3412;
  --color-chip-neutral-bg: #f3f4f6;
  --color-chip-neutral-text: #374151;
  --color-ai-bg: #fff7ed;
  --color-ai-border: #fdba74;
  --color-ai-text: #9a3412;
}