/* Tokens de diseño FinFlex. Modo oscuro automático según el sistema. */
:root {
  /* Marca */
  --marino: #0C203E;
  --marino-2: #16305A;
  --lima: #93E904;
  --lima-texto: #3F7A00;
  --lima-suave: #EAF8D0;

  /* Neutros */
  --fondo: #EEF1F6;
  --superficie: #FFFFFF;
  --superficie-2: #F4F6FA;
  --linea: #D6DCE6;
  --texto: #0C203E;
  --texto-2: #56627A;
  --texto-invertido: #FFFFFF;

  /* Semánticos */
  --ok: #3F8A05;          --ok-fondo: #E8F6D2;      --ok-texto: #2B6603;
  --advertencia: #A86400; --advertencia-fondo: #F6E8CF;
  --amarillo: #8F6A00;    --amarillo-fondo: #FFF1BF;
  --critico: #C0392B;     --critico-fondo: #F7DEDA; --critico-texto: #A12A1E;
  --info: #2B5BA5;        --info-fondo: #DCE6F5;

  /* Áreas */
  --area-inventario: #1F4E9A;
  --area-procesos: #4E8A00;
  --area-caja-chica: #C47F12;
  --area-asignacion-tareas: #6B4FA8;
  --area-logistica: #C0392B;
  --area-administracion: #13878A;

  /* Fases */
  --fase-levantamiento: #2B6CC4;
  --fase-analisis: #6B4FA8;
  --fase-propuesta: #C47F12;
  --fase-implementacion: #13687A;
  --fase-control: #3F8A05;

  /* Barra lateral */
  --lateral-fondo: var(--marino);
  --lateral-texto: #C9D3E3;
  --lateral-activo: rgba(147, 233, 4, .14);

  /* Botón principal */
  --primario: var(--marino);
  --primario-texto: #FFFFFF;
  --primario-hover: var(--marino-2);

  /* Tipografía */
  --f-titulo: "Archivo", "IBM Plex Sans", system-ui, sans-serif;
  --f-texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Forma */
  --radio: 10px;
  --radio-s: 6px;
  --sombra: 0 1px 2px rgba(12, 32, 62, .06), 0 2px 8px rgba(12, 32, 62, .06);
  --sombra-alta: 0 6px 24px rgba(12, 32, 62, .14);
  --foco: 0 0 0 3px rgba(43, 91, 165, .45);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #08162C;
    --superficie: #0F2341;
    --superficie-2: #132A4D;
    --linea: #24406A;
    --texto: #E7EDF6;
    --texto-2: #9DAECA;
    --lima-texto: #A8F02C;
    --lima-suave: rgba(147, 233, 4, .14);

    --ok: #8BD94A;          --ok-fondo: rgba(139, 217, 74, .16); --ok-texto: #9BE35C;
    --advertencia: #F0B45A; --advertencia-fondo: rgba(240, 180, 90, .16);
    --amarillo: #F2CF5B;    --amarillo-fondo: rgba(242, 207, 91, .16);
    --critico: #FF8A7D;     --critico-fondo: rgba(255, 138, 125, .16); --critico-texto: #FF9C90;
    --info: #8FB4F0;        --info-fondo: rgba(143, 180, 240, .16);

    --lateral-fondo: #061124;
    --primario: var(--lima);
    --primario-texto: #0C203E;
    --primario-hover: #A8F02C;

    --sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 10px rgba(0, 0, 0, .25);
    --sombra-alta: 0 8px 28px rgba(0, 0, 0, .45);
    --foco: 0 0 0 3px rgba(147, 233, 4, .5);

    color-scheme: dark;
  }
}