/* ==========================================================================
   Design tokens — extracted from the Claude Design artboards.
   Values are verbatim from the design; do not invent new ones here.
   ========================================================================== */

:root {
  /* --- Orange ramp ------------------------------------------------------- */
  --c-accent:          #EE7203;  /* primary brand orange, CTA bands, chips   */
  --c-accent-hover:    #FF8A2B;  /* button hover                            */
  --c-accent-link:     #A84C05;  /* link rest state, mono eyebrows          */
  --c-accent-kicker:   #8F4000;  /* kicker on the --c-surface-case band     */
  --c-on-accent:       #14171A;  /* text on orange                          */
  --c-on-accent-soft:  #3A2A17;  /* body copy inside an orange band         */

  /* --- Ink -------------------------------------------------------------- */
  --c-heading:         #14171A;
  --c-body:            #191C1F;
  --c-btn-dark:        #16191C;

  /* --- Grey text ramp --------------------------------------------------- */
  --c-text-1:          #3C4247;
  --c-text-2:          #3F454B;
  --c-text-3:          #494F55;
  --c-text-4:          #4C5257;
  --c-text-5:          #4E545A;
  --c-text-6:          #52585E;
  --c-text-7:          #5C6268;
  --c-text-8:          #5E646A;
  --c-text-muted:      #6C7279;

  /* --- Surfaces (light -> dark) ----------------------------------------- */
  --c-surface-page:    #F4F2EF;  /* page background                         */
  --c-surface-card:    #FFFFFF;
  --c-surface-card-2:  #F3F2F0;  /* case study / reference cards            */
  --c-surface-alt:     #E7E4DF;  /* alternating band                        */
  --c-surface-case:    #D9D4CC;  /* case studies, referencje band           */
  --c-surface-hover:   #EDEAE6;  /* row / card hover                        */

  /* --- Hairlines -------------------------------------------------------- */
  --c-line:            #D6D2CB;  /* dominant hairline + grid gutter         */
  --c-line-2:          #DFDBD4;
  --c-line-3:          #CFCCC7;
  --c-line-input:      #CBC6BE;
  --c-line-chip-off:   #C2BCB3;
  --c-line-strong:     #B0A99F;

  /* --- Header (the one dark surface) ------------------------------------ */
  --c-hdr-bg:          rgba(14, 16, 18, .94);
  --c-hdr-line:        #24292F;
  --c-hdr-line-2:      #2A2F35;
  --c-hdr-ink:         #0E1012;
  --c-hdr-dim:         #8B9198;
  --c-hdr-nav:         #C7CBD0;
  --c-hdr-bright:      #E8E9EA;
  --c-ftr-bg:          #16191C;
  --c-ftr-line:        #1A1D20;
  --c-ftr-text:        #9AA0A7;
  --c-ftr-dim:         #6E757C;
  --c-ftr-faint:       #575D63;

  /* --- Type ------------------------------------------------------------- */
  --f-sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Fluid scale — verbatim clamps from the artboards */
  --t-h1-home:   clamp(38px, 6.4vw, 92px);
  --t-h1:        clamp(34px, 5.4vw, 74px);
  --t-h1-post:   clamp(30px, 4.4vw, 58px);
  --t-h2:        clamp(28px, 3.8vw, 50px);
  --t-h2-alt:    clamp(26px, 3.6vw, 48px);
  --t-h2-sm:     clamp(24px, 2.6vw, 36px);
  --t-h2-cta:    clamp(26px, 3.2vw, 42px);
  --t-h3:        clamp(20px, 2vw, 29px);
  --t-lead:      clamp(15.5px, 1.3vw, 18px);
  --t-lead-home: clamp(16px, 1.35vw, 19px);
  --t-standfirst: clamp(17px, 1.5vw, 21px);
  --t-stat:      clamp(26px, 3vw, 38px);
  --t-stat-home: clamp(28px, 3.2vw, 42px);
  --t-svc-no:    clamp(26px, 3vw, 40px);

  /* --- Spacing ---------------------------------------------------------- */
  --w-container: 1400px;
  --pad-gutter:  clamp(20px, 3vw, 40px);
  --pad-section: clamp(60px, 7vw, 110px);
  --pad-section-sm: clamp(48px, 6vw, 88px);
  --pad-section-lg: clamp(64px, 8vw, 116px);
  --pad-cta:     clamp(50px, 6vw, 84px);
  --pad-card:    clamp(24px, 2.6vw, 34px);
  --pad-card-lg: clamp(24px, 3vw, 42px);
  --gap-grid:    clamp(28px, 3.5vw, 56px);
  --gap-grid-lg: clamp(30px, 4vw, 70px);
  --gap-grid-sm: clamp(20px, 2.5vw, 32px);
  --space-head:  clamp(30px, 3.5vw, 50px);

  /* Sticky header clearance for anchor targets */
  --h-header: 74px;
  --scroll-offset: 90px;
}