/* ============================================================
   Baimax — Design Tokens (ÚNICA fuente de verdad del diseño)
   ------------------------------------------------------------
   Cambiá un valor acá y se aplica en /agenda, /backoffice y el
   login. Documentación de uso y componentes: ver DESIGN.md.
   Se sirve en  GET /static/design-tokens.css  (ver app/main.py).
   ============================================================ */

/* Fuentes (una sola carga para todas las vistas) */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* ── Superficies ───────────────────────────── */
  --bg:     #E7E1D6;   /* fondo de la app (detrás de todo) */
  --paper:  #FAF6EF;   /* paneles / hojas / fondo de sección */
  --card:   #FFFFFF;   /* tarjetas, inputs */
  --sand:   #F3EDE2;   /* barras, chips suaves, headers */

  /* ── Texto ─────────────────────────────────── */
  --ink:    #221C15;   /* texto principal */
  --ink2:   #5C5547;   /* texto secundario */
  --muted:  #938A79;   /* texto terciario / labels */

  /* ── Líneas ────────────────────────────────── */
  --line:   #EEE7DB;   /* bordes y divisores */
  --rail:   #E4DBCC;   /* rieles, handles, puntos */

  /* ── Acento de marca (terracota) ───────────── */
  --accent:      #BC5A34;
  --accent-soft: rgba(188,90,52,.12);

  /* ── Colores semánticos (estado) ───────────── */
  --ok:     #1E8E5A;  --ok-soft:     rgba(30,142,90,.12);   /* éxito / confirmado / libre */
  --warn:   #B5701A;  --warn-soft:   rgba(181,112,26,.14);  /* pendiente / atención */
  --danger: #C0492F;  --danger-soft: rgba(192,73,47,.12);   /* error / cancelado */
  --info:   #2A6FDB;  --info-soft:   rgba(42,111,219,.12);  /* informativo / cliente */
  --purple: #7A5AE0;  --purple-soft: rgba(122,90,224,.12);  /* profesional / iteraciones */

  /* ── Tipografía ────────────────────────────── */
  --display: "Bricolage Grotesque", sans-serif;             /* títulos, números, marca */
  --body:    "Hanken Grotesk", system-ui, -apple-system, sans-serif; /* texto, UI */

  /* ── Radios ────────────────────────────────── */
  --r-card:  18px;   /* tarjetas */
  --r-sheet: 26px;   /* bottom sheets / modales */
  --r-pill:  999px;  /* pills, badges, botones redondeados */
  --r-input: 13px;   /* inputs, botones */

  /* ── Sombras ───────────────────────────────── */
  --shadow-card:  0 2px 5px rgba(34,28,21,.04);
  --shadow-sheet: 0 -12px 40px rgba(34,28,21,.22);
  --shadow-accent: 0 8px 18px rgba(188,90,52,.28);
}