/* 14 · FREEDOM — geometric, confident, conference. Electric blue + bone. */
:root {
  /* Tier 1 — primitives */
  --blue:      #2C56D6;
  --blue-lt:   #83A2FF;
  --bone:      #EAE5DF;
  --surface:   #F4F2EC;
  --ink:       #141311;
  --ink-muted: #6A6D76;
  --line:      #DAD5CA;

  /* Tier 2 — color */
  --color-bg:          var(--bone);
  --color-surface:     var(--surface);
  --color-text:        var(--ink);
  --color-text-muted:  var(--ink-muted);
  --color-accent:      var(--blue);
  --color-on-accent:   var(--bone);
  --color-eyebrow:     var(--blue);
  --color-border:      var(--line);
  --color-wordmark:    var(--blue);
  --color-link:        var(--blue);

  /* reversed — the blue hero ground (CTA flips to bone-fill / blue-text) */
  --color-reversed-bg:         var(--blue);
  --color-reversed-surface:    var(--blue);
  --color-reversed-text:       var(--bone);
  --color-reversed-text-muted: #C8D4F7;
  --color-reversed-border:     #4568DC;
  --color-reversed-accent:     var(--bone);
  --color-reversed-eyebrow:    #B6C6F7;

  /* Tier 2 — type families */
  --font-display: 'neue-haas-grotesk-display','Hanken Grotesk',sans-serif;
  --font-body:    'neue-haas-grotesk-text','Hanken Grotesk',sans-serif;
  --font-eyebrow: 'Space Mono',monospace;
  --font-label:   'Space Mono',monospace;

  /* Tier 2 — scale & treatment */
  --text-hero:     clamp(2.5rem, 5vw, 3.25rem);
  --text-h2:       1.75rem;
  --text-eyebrow:  0.6875rem;
  --text-body:     0.9375rem;
  --text-meta:     0.6875rem;
  --weight-display: 500;
  --weight-body:    400;
  --weight-body-strong: 600;
  --tracking-display: -0.025em;
  --tracking-eyebrow: 0.14em;
  --leading-display:  0.92;
  --transform-display: none;

  /* Tier 2 — shape & space */
  --radius-button: 100px;
  --radius-card:   6px;
  --border-width:  1px;
  --border-style:  solid;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;

  /* Tier 3 — component aliases */
  --btn-primary-bg:     var(--color-accent);
  --btn-primary-text:   var(--color-on-accent);
  --btn-secondary-bd:   var(--line);
  --btn-secondary-text: var(--ink);
  --shadow-card: 0 2px 20px rgba(20,25,60,0.08);
}