/* Global brand tokens, typography, and document defaults. */
/* ============================================================
     DESIGN SYSTEM — GuiderWay
     ------------------------------------------------------------
     COLOR THEORY: Navy (#0A1F3D) and gold (#C9A24B) sit on
     opposite sides of the color wheel — blue's near-complement
     is orange/amber — which is why this pairing reads as
     "premium consultancy" rather than "generic startup": cool
     dominant + warm accent is the same logic behind classic
     luxury branding (British Airways, Cartier, many private banks).

     APPLIED AS A 60-30-10 SPLIT:
       60% cream/white  -> breathing room, content areas
       30% navy         -> structural anchors (header, footer,
                            hero, Process band, CTA panel)
       10% gold         -> action + emphasis only (buttons,
                            icons, underlines, active states) —
                            gold never fills large areas, which
                            is what keeps it feeling premium
                            instead of gaudy.

     A slate-blue neutral (--c-slate) was added below for
     borders/shadows so depth doesn't have to lean on pure
     black — shadows tinted toward the brand hue read as more
     intentional than default browser gray shadows.
     ============================================================ */
  :root {
    --c-navy: #0A1F3D;
    --c-navy-light: #0F2A4D;
    --c-navy-dark: #071529;
    --c-gold: #C9A24B;
    --c-gold-light: #DDBE7A;
    --c-gold-dark: #A8843A;
    --c-cream: #F7F5F0;
    --c-ink: #1E2937;
    --c-slate: #33445E; /* tinted neutral for borders/shadows instead of flat gray */

    --shadow-sm: 0 2px 8px -2px rgba(10,31,61,0.10);
    --shadow-md: 0 12px 28px -8px rgba(10,31,61,0.16), 0 2px 6px -2px rgba(10,31,61,0.08);
    --shadow-lg: 0 24px 48px -12px rgba(10,31,61,0.22), 0 4px 12px -4px rgba(10,31,61,0.10);
    --shadow-gold-glow: 0 8px 24px -6px rgba(201,162,75,0.35);
  }

  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: #1E2937; }
  h1, h2, h3, .font-display { font-family: 'Fraunces', serif; }

  /* Fluid type scale — scales continuously with viewport instead
     of jumping at breakpoints, standard technique in refined
     production sites */
  h1 { font-size: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem); }
  h2 { font-size: clamp(1.65rem, 1.35rem + 1.3vw, 2.5rem); }

  ::selection { background: var(--c-gold); color: var(--c-navy); }