/* GCC AI Hub design tokens. Blueprint Atelier identity: the platform as a
   living technical drawing. Cyanotype blueprint blue, white drafting
   linework, chalk yellow member layer, red pencil reserved for warnings.
   Deliberately unlike the ESG Hub (green/navy institutional), unlike
   pergamon-labs.com (black + teal + constellations), unlike
   impala-services.com (white + orange), and unlike default dark-SaaS.
   Change values here, not in components. */
:root {
    /* Blueprint field */
    --field: #113A63;
    --field-deep: #0C2E51;
    --field-raised: #17466F;
    --field-card: #1A4B77;

    /* Drafting linework */
    --draft: #F2F8FD;             /* the drawing ink: near-white */
    --draft-dim: rgba(242, 248, 253, 0.55);
    --draft-faint: rgba(242, 248, 253, 0.22);
    --grid-line: rgba(242, 248, 253, 0.07);
    --grid-line-major: rgba(242, 248, 253, 0.13);

    /* Text on the field */
    --text: #EAF2F9;
    --text-muted: #A9C4DC;
    --text-faint: #A0BDD5;       /* AA (4.5:1) on --field-card, the lightest surface */

    /* Glow (cursor torch, active accents): cold light, not teal */
    --glow: #CFE7FF;
    --link: #BFE0FF;

    /* Member layer: chalk yellow (pencil highlight on a blueprint) */
    --chalk: #FFD666;
    --chalk-tint: rgba(255, 214, 102, 0.14);

    /* Markup red (drafting corrections): warnings and Proposed only */
    --pencil-red: #FF7A66;
    --pencil-red-light: #FF9A8A;   /* small text on --field-raised (AA) */
    --pencil-red-tint: rgba(255, 122, 102, 0.14);

    /* Chart marks */
    --mark: #F2F8FD;
    --mark-benchmark: #FFD666;

    /* Type */
    --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'Space Mono', 'Courier New', monospace;

    /* Spacing (4px scale) */
    --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
    --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

    /* Shape: drafting, square */
    --r-card: 2px;
    --r-btn: 2px;
    --r-pill: 999px;

    /* Layout */
    --container: 1160px;
    --gutter: 20px;
    --nav-h: 68px;

    /* Type scale (27 Sep 2026), the Chamber website's rule of thumb: three
       heading levels that always step down, the same on every page.
       H1 page title 32 to 48px, H2 section 23 to 28px, H3 item or card
       18 to 19px, lead text 16 to 18px. The home page stage headline is
       the one larger display size (the Chamber uses 64px there too). A
       heading's size follows its level, never the other way round. */
    --fs-display: clamp(2.5rem, 1.9rem + 2.6vw, 4rem);
    --fs-h1: clamp(2rem, 1.45rem + 2.2vw, 3rem);
    --fs-h2: clamp(1.4375rem, 1.3rem + 0.6vw, 1.75rem);
    --fs-h3: clamp(1.125rem, 1.1rem + 0.1vw, 1.1875rem);
    --fs-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
}

/* Light section palette (white parts alternating with the blueprint field) */
:root {
    --light-surface: #F7FAFD;
    --light-card: #FFFFFF;
    --light-ink: #14304D;
    --light-muted: #4E6A85;
    --light-line: #D7E2EC;
    --light-accent: #11529B;
    --light-gold: #6E5510;
    --light-gold-tint: #F5EDD8;
}