/* ==========================================================================
   WIENLION.AT — Design tokens
   Single source of truth. Mirrors wordpress/theme.json 1:1.
   ========================================================================== */
:root {
  /* ---- Brand colour ---- */
  --wl-ink:        #08192B;
  --wl-navy-dk:    #0B2A43;
  --wl-navy:       #123B5D;
  --wl-navy-lt:    #1B5480;
  --wl-navy-soft:  #2B6591;
  --wl-gold:       #C89B2B;
  --wl-gold-lt:    #E3C46A;
  --wl-gold-pale:  #F0DFAE;
  --wl-crimson:    #8E2F3F;
  --wl-pine:       #2F5D50;
  --wl-sand:       #E7D9C4;
  --wl-sand-dk:    #D6C3A6;
  --wl-paper:      #F7F2E8;
  --wl-white:      #FFFFFF;
  --wl-muted:      #5A6B7B;

  /* ---- Type families ---- */
  --wl-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --wl-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --wl-font-accent:  "Cormorant Garamond", Georgia, "Times New Roman", serif;

  /* ---- Type scale (fluid) ---- */
  --wl-fs-display: clamp(2.75rem, 5.7vw, 5.125rem);  /*  44 -> 82 */
  --wl-fs-h1:      clamp(2.25rem, 4.4vw, 3.625rem);  /*  36 -> 58 */
  --wl-fs-h2:      clamp(1.875rem, 3.4vw, 2.875rem); /*  30 -> 46 */
  --wl-fs-h3:      clamp(1.25rem, 1.7vw, 1.5625rem); /*  20 -> 25 */
  --wl-fs-h4:      1.125rem;
  --wl-fs-lead:    clamp(1rem, 1.3vw, 1.15625rem);   /*  16 -> 18.5 */
  --wl-fs-body:    1rem;
  --wl-fs-small:   0.875rem;
  --wl-fs-tiny:    0.8125rem;
  --wl-fs-eyebrow: 0.75rem;
  --wl-fs-accent:  clamp(1.25rem, 2vw, 1.625rem);

  --wl-lh-tight:  1.02;
  --wl-lh-head:   1.1;
  --wl-lh-body:   1.65;
  --wl-lh-accent: 1.42;

  --wl-tr-display: -0.022em;   /* display tracking, negative */
  --wl-tr-head:    -0.012em;
  --wl-tr-eyebrow:  0.20em;
  --wl-tr-btn:      0.12em;
  --wl-tr-accent:   0.11em;

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

  /* ---- Layout ---- */
  --wl-container: 1200px;
  --wl-gutter:    24px;
  --wl-pad-x:     clamp(20px, 5vw, 120px);
  --wl-section-y: clamp(56px, 7vw, 104px);

  /* ---- Other ---- */
  --wl-radius:      2px;
  --wl-radius-pill: 999px;
  --wl-border:      1px solid var(--wl-sand-dk);
  --wl-rule-gold:   3px solid var(--wl-gold);
  --wl-ease:        cubic-bezier(.22,.61,.36,1);
  --wl-dur:         .22s;
}