/* CCH 2.0 — Tokens del sistema de diseño "Libro de recepción" (Marino y Latón). Ver docs/diseno.md.
   Único lugar con valores de color, tipografía, espaciado y radio. El resto de las hojas usa var(--…).
   Los cinco colores de ocupación de CALENDARIO / PARÁMETROS NO son tokens del tema: son semánticos y no cambian. */
/* Figtree (variable 300–900), incluida en el proyecto: public/fonts/figtree (licencia SIL OFL 1.1, ver OFL.txt). */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(fonts/figtree/figtree-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(fonts/figtree/figtree-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root,
:root[data-theme="dia"] {
  color-scheme: light;
  /* Superficies */
  --bg:            #F4F2EC;
  --bg-sunken:     #ECE9E1;
  --bg-raised:     #FBFAF7;
  --line:          #D9D5CA;
  --line-strong:   #14213D;
  /* Texto */
  --text:          #14213D;
  --text-muted:    #6B7080;
  --text-faint:    #A9ADB8;
  --text-on-ink:   #F4F2EC;
  /* Marca */
  --ink:           #14213D;
  --brass:         #A8843C;
  --brass-soft:    #A8843C1F;
  /* Acción principal */
  --action-bg:     var(--ink);
  --action-text:   var(--text-on-ink);
  --action-hover:  #1F3159;
  /* Semántica */
  --ok:            #2F6B45;
  --warn:          #8A6A2A;
  --error:         #A33A2E;
  --info:          #6F8DB5;
  --focus:         #A8843C;
  --backdrop:      rgb(20 33 61 / .35);
}

:root[data-theme="noche"] {
  color-scheme: dark;
  --bg:            #0C1322;
  --bg-sunken:     #111A2C;
  --bg-raised:     #141E33;
  --line:          #2A354B;
  --line-strong:   #E6E4DD;
  --text:          #E6E4DD;
  --text-muted:    #9AA1B2;
  --text-faint:    #5E6579;
  --text-on-ink:   #0C1322;
  --ink:           #E6E4DD;
  --brass:         #C8A85E;
  --brass-soft:    #C8A85E26;
  --action-bg:     var(--brass);
  --action-text:   #0C1322;
  --action-hover:  #D6B86E;
  --ok:            #7BB58F;
  --warn:          #C8A85E;
  --error:         #E07A6C;
  --info:          #7F9DC6;
  --focus:         #C8A85E;
  --backdrop:      rgb(0 0 0 / .55);
}

:root {
  /* Tipografía: Figtree incluida en el proyecto; la fuente del sistema queda como respaldo. */
  --font:          "Figtree", system-ui, "Segoe UI", sans-serif;
  --fs-display:    68px;
  --fs-kpi:        50px;
  --fs-h1:         30px;
  --fs-h2:         20px;
  --fs-body:       15px;
  --fs-small:      13px;
  --fs-label:      11px;
  /* Espaciado (múltiplos de 4) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  /* Bordes */
  --radius:        2px;
  --hairline:      1px solid var(--line);
  --rule:          2px solid var(--line-strong);
  --shadow-float:  0 8px 24px rgb(0 0 0 / .12);  /* solo menús desplegables y modales */
  /* Movimiento */
  --ease:          cubic-bezier(.2,.0,.0,1);
  --t-fast:        120ms;
  --t-base:        200ms;
  /* Variables que ya usaba CCH: heredan el tema. */
  --green:         var(--ink);
  --muted:         var(--text-muted);
}