/* ═══════════════════════════════════════════════════════════════════════
   Alba · tokens de marca para las vistas del staff (AC-UI-3b·i)

   ESPEJO de `companion/templates/companion/_ui.css.html` §Tokens —
   si cambias uno, cambia el otro.

   Existe porque el chasis del host (`templates/base.html` + `static/style.css`)
   NO puede incluir `_ui.css.html`: los dos archivos comparten nombres de clase
   (.btn, .btn-sm, .card, .flash, .row) con significados distintos, y mezclarlos
   rompería las 39 vistas que heredan de `base.html`. Aquí viajan sólo los
   TOKENS y las @font-face — cero selectores de componente, cero colisiones.

   La igualdad de los pares --nombre:valor con `_ui.css.html` la vigila
   `tests/test_ac_ui3b_tokens.py`; si divergen, la suite se pone roja.

   Rutas relativas a propósito (`fonts/…`): este archivo vive en
   `static/alba/`, junto a `fonts/`, así que no necesita Jinja ni `url_for`
   y se puede servir tal cual.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Tipografía de marca (AC-UI-2, opción B aprobada por Dionicio 17-ago) ──
   Jost e Inter viven en el servidor de la clínica, NO en Google Fonts:
     · la app clínica no debe hacer peticiones a terceros desde la pantalla
       del staff (mismo criterio que el companion, LFPDPPP);
     · el dashboard debe verse igual aunque la clínica se quede sin internet.
   Ambas son SIL OFL; la licencia viaja junto a los .woff2. `font-display:swap`
   hace que el texto se lea desde el primer pintado aunque la fuente tarde, y
   si los archivos faltaran la pila de respaldo sigue funcionando. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;
  src:url("fonts/jost-latin-300-normal.woff2") format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/jost-latin-400-normal.woff2") format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/jost-latin-500-normal.woff2") format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/inter-latin-400-normal.woff2") format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/inter-latin-500-normal.woff2") format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url("fonts/inter-latin-600-normal.woff2") format('woff2')}

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root{
  /* Núcleo de marca — del ícono de Alba */
  --ink:#1a1a1c; --ink-soft:#26262a; --ink-line:#33333a;
  --coral:#fa7a50; --coral-deep:#e2643c; --coral-wash:#fff3ee;
  --amber:#eddba0; --amber-text:#8a6d1f; --amber-bg:#f6efd7;
  --sand:#e2d3c4; --mist:#b0b0b0;
  /* Fondos y texto */
  --cream:#f5f1ea; --cream-deep:#ebe5db; --white:#fff;
  --text-dark:#1a1a1c; --text-mid:#5c5c62;
  --text-light:#f5f1ea; --text-light-mid:#a8a8ae;
  --line:rgba(26,26,28,.09); --line-mid:rgba(26,26,28,.14);
  /* Extensión funcional (AC-UI-1): semáforo del formulario */
  --sage:#4d7c62; --sage-bg:#e6efe8; --brick:#c1443a; --brick-bg:#f7e6e4;
  /* Tipografía: Jost e Inter servidas desde el propio servidor (ver el bloque
     @font-face de arriba). Se conserva la pila de respaldo que declara la guía
     por si los .woff2 no estuvieran desplegados. */
  --font-display:'Jost','Century Gothic','Futura',system-ui,-apple-system,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --radius:16px; --radius-lg:24px; --pill:100px;
  --touch:52px;                 /* área mínima de toque en tablet */
  --shadow:0 18px 40px -28px rgba(26,26,28,.45);
}