/* ==========================================================================
   QED — DESIGN TOKENS  (DRAFT — swap values here when the final UI lands)
   Source: QED BRAND BOOK v2 (02_BRAND/brand-book). Every component in
   qed-core reads ONLY these variables, so a new design = new values here.
   ========================================================================== */
@font-face{font-family:"Battistina";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/battistina.ttf") format("truetype")}   /* licensed via Creative Fabrica subscription */
@font-face{font-family:"Saira Condensed";font-weight:100;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-100-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-weight:200;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-200-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Saira Condensed";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/saira-condensed-latin-700-normal.woff2") format("woff2")}

:root{
  /* Brand palette (brand book v2) */
  --qed-white-smoke:#F2F2F2;   /* 45%  base */
  --qed-light-grey:#E6E7E8;    /* interchangeable with white smoke where legibility needs it */
  --qed-lazuli:#0566BD;        /* 25%  primary blue */
  --qed-deep-atlantic:#1A3E68; /* 15%  depth / text */
  --qed-air-blue:#71A6BC;      /*  8%  secondary */
  --qed-ocean-blue:#2868A0;    /*  4%  functional / interactive detail */
  --qed-amber:#FFC112;         /*  3%  rare: highlights + primary CTA only */

  /* Semantic roles (components use these) */
  --qed-bg:var(--qed-white-smoke);
  --qed-bg-alt:var(--qed-light-grey);
  --qed-bg-deep:var(--qed-deep-atlantic);
  --qed-ink:var(--qed-deep-atlantic);
  --qed-ink-soft:#4a6485;                 /* derived: Atlantic @ ~80% on smoke — verify contrast in final UI */
  --qed-ink-on-deep:var(--qed-white-smoke);
  --qed-accent:var(--qed-lazuli);
  --qed-support:var(--qed-air-blue);
  --qed-detail:var(--qed-ocean-blue);
  --qed-cta:var(--qed-amber);
  --qed-cta-ink:var(--qed-deep-atlantic); /* amber is NEVER used as text on light grounds (fails contrast) */
  --qed-line:rgba(26,62,104,.16);
  --qed-line-strong:rgba(26,62,104,.34);
  --qed-focus:var(--qed-lazuli);

  /* Type — Saira Condensed for everything; Battistina (cursive) = max ONE element per screen */
  --qed-font-head:"Saira Condensed",system-ui,-apple-system,"Segoe UI",sans-serif;
  --qed-font-body:"Saira Condensed",system-ui,-apple-system,"Segoe UI",sans-serif;
  --qed-font-script:"Battistina","Snell Roundhand",cursive;  /* licence/webfont for Battistina still to be confirmed */
  --qed-fs-body:1.125rem;
  --qed-fs-small:.9375rem;
  --qed-fs-h1:clamp(2.6rem,6vw,5rem);
  --qed-fs-h2:clamp(1.9rem,3.6vw,3rem);
  --qed-fs-h3:clamp(1.3rem,2vw,1.7rem);
  --qed-lh-body:1.55;

  /* Space + shape */
  --qed-wrap:1200px;
  --qed-gutter:clamp(1rem,4vw,2rem);
  --qed-section-y:clamp(3.5rem,9vw,7.5rem);
  --qed-gap:clamp(1rem,2.4vw,1.75rem);
  --qed-radius:14px;
  --qed-radius-sm:8px;
  --qed-shadow:0 1px 2px rgba(26,62,104,.06),0 8px 28px rgba(26,62,104,.08);

  /* Motion — components also honour prefers-reduced-motion */
  --qed-ease:cubic-bezier(.2,.7,.2,1);
  --qed-dur:.5s;
}