/* ════════════════════════════════════════════════════════
   GIR PMS — Design tokens
   Latón sobre pizarra, lienzo crema.
   Regla de oro: el latón SOLO en lo pulsable. El rojo SOLO
   en lo que bloquea la operación. Si el color decora, deja
   de informar.
   ════════════════════════════════════════════════════════ */

:root {
  /* Estructura */
  --ink:        #161D26;   /* barra lateral */
  --ink-2:      #1F2933;   /* hover / activo en sidebar */
  --ink-3:      #2C3742;

  /* Lienzo y superficies */
  --canvas:     #F0E9DB;   /* fondo de trabajo (crema) */
  --surface:    #FFFCF6;   /* tarjetas */
  --surface-2:  #F7F1E5;   /* zonas secundarias */

  /* Texto (neutros cálidos, para que no ensucien sobre crema) */
  --text:       #1E1A14;
  --text-2:     #544D42;
  --text-3:     #8A8175;

  /* Líneas */
  --line:       #E0D7C6;
  --line-2:     #EDE6D9;

  /* Acento: latón — solo acciones */
  --brass:      #9E6D1F;
  --brass-lt:   #EFE0C4;
  --brass-br:   #C9973E;
  --accent-soft: rgba(158, 109, 31, .16);  /* acento translúcido (resaltado de la barra) */

  /* Semánticos: estado, nunca decoración */
  --ok:         #166B52;  --ok-bg:   #DDEDE4;   /* libre, listo, sincronizado */
  --info:       #2A5891;  --info-bg: #DFE8F3;   /* pendiente, programado */
  --crit:       #9E2F24;  --crit-bg: #F4E0DA;   /* BLOQUEA la operación */

  /* Tipografía — títulos en Playfair Display (elegante, tipo hotel), texto en sans */
  --sans:  system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: 'Lora', Georgia, "Times New Roman", serif;
  --mono:  ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Ritmo */
  --r-sm: 7px;
  --r:    11px;
  --r-lg: 14px;
  --shadow: 0 1px 2px rgba(20,26,33,.04), 0 12px 32px rgba(20,26,33,.08);

  --side-w: 216px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --canvas:#0E1318; --surface:#161C23; --surface-2:#1B222A;
    --text:#E7ECF0; --text-2:#AFBAC5; --text-3:#7F8C99;
    --line:#28323C; --line-2:#212A33;
    --brass:#D5A44F; --brass-lt:#332A18; --brass-br:#E3BC74;
    --ok:#4FBF97; --ok-bg:#12301F;
    --info:#6FA5DF; --info-bg:#132436;
    --crit:#E58879; --crit-bg:#331C18;
  }
}
:root[data-theme="dark"] {
  --canvas:#0E1318; --surface:#161C23; --surface-2:#1B222A;
  --text:#E7ECF0; --text-2:#AFBAC5; --text-3:#7F8C99;
  --line:#28323C; --line-2:#212A33;
  --brass:#D5A44F; --brass-lt:#332A18; --brass-br:#E3BC74;
  --ok:#4FBF97; --ok-bg:#12301F;
  --info:#6FA5DF; --info-bg:#132436;
  --crit:#E58879; --crit-bg:#331C18;
}
:root[data-theme="light"] {
  --canvas:#F0E9DB; --surface:#FFFCF6; --surface-2:#F7F1E5;
  --text:#1E1A14; --text-2:#544D42; --text-3:#8A8175;
  --line:#E0D7C6; --line-2:#EDE6D9;
  --brass:#9E6D1F; --brass-lt:#EFE0C4; --brass-br:#C9973E;
  --ok:#166B52; --ok-bg:#DDEDE4;
  --info:#2A5891; --info-bg:#DFE8F3;
  --crit:#9E2F24; --crit-bg:#F4E0DA;
}