/* Centre d'Estudis Valliranencs · tokens.css
   Variables CSS del sistema. Es el espejo exacto de tokens.json: si cambias un valor, cámbialo en los dos.
   ★ = color indicado por la asociación. */
:root{
  /* Azules de la asociación */
  --blue-brand:#2C82D1;        /* ★ */
  --blue-bright:#3290E6;       /* ★ */
  --blue-steel:#2D5A80;        /* ★ */
  --blue-mist:#83A5D3;         /* ★ */
  --blue-slate:#9FADC4;        /* ★ */

  /* Derivados */
  --blue-action:#1F69AD;
  --blue-action-dark:#185A95;
  --blue-steel-hover:#36668F;
  --blue-deep:#234766;
  --blue-night:#1A3650;
  --sky-50:#F2F6FB;
  --sky-100:#E3ECF7;
  --sky-200:#C7D9F0;
  --ink:#1B2635;
  --ink-muted:#56657D;
  --line:#DCE3EC;
  --line-strong:#7D8CA5;
  --white:#FFFFFF;
  --danger:#B42318;
  --danger-bg:#FCECEA;
  --success:#1D7A4E;
  --success-bg:#E8F4EE;

  /* Roles */
  --page-bg:var(--sky-50);
  --window-bg:var(--white);
  --window-border:var(--line);
  --window-tint-bg:var(--sky-100);
  --window-dark-bg:var(--blue-steel);
  --sidebar-bg:var(--blue-steel);
  --sidebar-text:var(--white);
  --sidebar-text-muted:var(--sky-200);
  --sidebar-icon:var(--blue-mist);
  --sidebar-item-hover:var(--blue-steel-hover);
  --sidebar-item-active-bg:var(--white);
  --sidebar-item-active-text:var(--blue-steel);
  --sidebar-card-bg:var(--blue-deep);
  --bottombar-bg:var(--blue-night);
  --bottombar-text:var(--sky-200);
  --bottombar-link:var(--blue-mist);
  --bottombar-meta:var(--blue-slate);
  --bottombox-bg:var(--blue-mist);
  --bottombox-text:var(--blue-night);
  --heading:var(--blue-steel);
  --text:var(--ink);
  --text-muted:var(--ink-muted);
  --link:var(--blue-action);
  --link-hover:var(--blue-action-dark);
  --accent:var(--blue-brand);
  --action-bg:var(--blue-action);
  --action-bg-hover:var(--blue-action-dark);
  --focus-ring:var(--blue-bright);
  --caption-bg:rgba(26,54,80,.85);
  --scrim:rgba(26,54,80,.6);
  --cat-residential:var(--sky-200);
  --cat-public:var(--blue-action);
  --cat-religious:var(--blue-night);
  --cat-commercial:var(--blue-bright);
  --cat-industrial:var(--blue-slate);

  /* Tipografía */
  --font-sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Espaciado */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  /* Radios */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-window:15px;        /* ★ */
  --radius-pill:999px;

  /* Sombras */
  --shadow-window:0 1px 2px rgba(26,54,80,.06),0 4px 16px rgba(26,54,80,.06);
  --shadow-raised:0 2px 6px rgba(26,54,80,.08),0 16px 36px rgba(26,54,80,.14);
  --shadow-float:0 10px 30px rgba(26,54,80,.22);

  /* Medidas de maquetación */
  --sidebar-width:280px;
  --content-max:1200px;
  --prose-max:680px;
  --topbar-height:72px;
  --frame-gap:16px;

  /* Movimiento */
  --dur-fast:150ms;
  --dur-base:250ms;
  --dur-slow:600ms;
  --ease-out:cubic-bezier(.2,.7,.2,1);
}