/* ============================================================
   Design tokens — CESFAM Algarrobo
   Ported from el proyecto Claude Design "CESFAM Algarrobo Design
   System" (ui_kits/sitio-publico). Mismos valores de color,
   tipografía y espaciado que el prototipo original.

   Nota sobre tipografía: el prototipo usa "Intro" (Positype) como
   fuente de titulares grandes. Es una fuente comercial con licencia
   propia — no se puede redistribuir su archivo sin esa licencia, así
   que aquí el titular usa Poppins ExtraBold (Google Fonts, gratuita)
   como reemplazo visualmente cercano. Si la comuna ya tiene licencia
   de Intro, basta con añadir su @font-face aquí y cambiar
   --font-display. Ver README.md.
   ============================================================ */

:root{
  /* Paleta de marca */
  --blue-900:#051d54; --blue-800:#062f87; --blue-700:#0b3ea3; --blue-600:#1a56c0;
  --cyan-500:#43c7e7; --cyan-300:#8adcef; --cyan-100:#e3f8fc;
  --ink:#0d1526; --slate-700:#3d4759; --slate-500:#6b7488; --slate-300:#aab2c2; --slate-100:#eef1f6;
  --white:#ffffff;
  --green-600:#1e9e5a; --green-100:#e3f7ec;
  --amber-600:#c8860a; --amber-100:#fdf1dc;
  --red-600:#d3372f; --red-100:#fbe6e4;

  /* Roles semánticos */
  --color-primary:var(--blue-800);
  --color-primary-hover:var(--blue-700);
  --color-primary-active:var(--blue-900);
  --color-accent:var(--cyan-500);

  --text-heading:var(--ink);
  --text-body:var(--slate-700);
  --text-muted:var(--slate-500);
  --text-on-primary:var(--white);

  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-sunken:var(--slate-100);
  --surface-tint:var(--cyan-100);

  --border-default:var(--slate-300);
  --border-subtle:var(--slate-100);

  --status-success-fg:var(--green-600); --status-success-bg:var(--green-100);
  --status-warning-fg:var(--amber-600); --status-warning-bg:var(--amber-100);
  --status-danger-fg:var(--red-600); --status-danger-bg:var(--red-100);

  /* Sectores territoriales */
  --sector-verde:#4a9e3f; --sector-verde-bg:#e7f4e3;
  --sector-amarillo:#c99a1a; --sector-amarillo-bg:#faf1dc;
  --sector-morado:#9b6bc4; --sector-morado-bg:#f2eaf9;

  /* Tipografía */
  --font-body:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --text-display:800 clamp(2.25rem,4vw + 1rem,3.5rem)/1.08 var(--font-display);
  --text-h1:700 clamp(1.5rem,1.1rem + 1.4vw,2rem)/1.2 var(--font-body);
  --text-h2:700 clamp(1.25rem,1.05rem + 0.7vw,1.5rem)/1.25 var(--font-body);
  --text-h3:600 1.125rem/1.35 var(--font-body);
  --text-body-lg:400 1.125rem/1.55 var(--font-body);
  --text-body:400 1rem/1.6 var(--font-body);
  --text-body-sm:400 0.875rem/1.55 var(--font-body);
  --text-label:500 0.8125rem/1.3 var(--font-body);
  --text-eyebrow:600 0.75rem/1.2 var(--font-body);
  --tracking-eyebrow:0.08em;

  /* Espaciado */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-16:64px; --space-20:80px; --space-24:96px;

  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
  --shadow-card:0 1px 2px rgba(13,21,38,.04),0 4px 12px rgba(13,21,38,.06);
  --shadow-raised:0 8px 24px rgba(13,21,38,.12);

  --ease-standard:cubic-bezier(.4,0,.2,1);
  --duration-fast:120ms;
  --duration-base:200ms;

  /* Layout */
  --container-max:1280px;
  --header-h:64px;
}