/* ============================================================
   SYLC CONSTRUCTION — DESIGN TOKENS
   ============================================================
   Direction: "blue gold" — the client's own constraint, quoted
   from the 12 Aug consultation: "All we have to maintain is the
   blue gold."

   Both brand colours are SAMPLED FROM SOURCE, not guessed —
   proposal/design/sylc-logo-master.webp, which is a strict
   two-colour lockup (79.1% navy ground, 4.1% gold mark).

   CONTRAST LAW FOR THIS BRAND (measured, see research/01-brand-kit.md):
     gold on navy   9.26  AAA   <- the signature pairing
     white on navy 13.17  AAA
     navy on gold   9.26  AAA   <- buttons invert to this
     gold on white  1.42  FAIL  <- never. invisible.
   Gold is a dark-ground colour only. Where the page goes light,
   the CTA flips to navy-on-gold and keeps the same ratio.
   ============================================================ */

:root {
  /* -- surfaces ------------------------------------------------ */
  --paper: #f4f5f8;        /* light band background */
  --paper-2: #e8eaf0;      /* alternate light band */
  --card: #ffffff;         /* raised cards */
  --dark: #262e52;         /* BRAND NAVY — sampled */
  --dark-2: #1b2140;       /* deeper navy for banding + scrims */

  /* -- ink ----------------------------------------------------- */
  --ink: #1b2140;          /* body text on light */
  --ink-soft: #4a5273;     /* secondary text on light */
  --muted: #7b83a0;        /* captions, meta */
  --paper-ink: #f2f3f7;    /* body text on dark */

  /* -- brand --------------------------------------------------- */
  --accent: #f0d786;       /* BRAND GOLD — sampled */
  --accent-2: #d8b95c;     /* deeper gold, for hairlines on light */
  --accent-ink: #262e52;   /* navy text on gold buttons — 9.26 */

  /* -- lines --------------------------------------------------- */
  --line: #d3d7e2;
  --line-soft: #e4e7ee;
  --line-dark: rgba(240, 215, 134, 0.22);

  /* -- type ---------------------------------------------------- */
  --f-display: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-base: 17px;
  --lh-base: 1.6;
  --track-display: -0.02em;
  --track-eyebrow: 0.16em;

  /* -- shape + rhythm ------------------------------------------ */
  --radius: 4px;           /* near-square: engineered, not friendly */
  --radius-pill: 999px;
  --maxw: 1180px;
  --pad-section: 88px;
  --gap-grid: 22px;

  /* -- motion --------------------------------------------------- */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --speed: 0.28s;
}