/* ============================================================
   Whitakr — Design Tokens
   Understated-luxury editorial system:
   warm parchment, deep ink, a single ink-green accent.
   ============================================================ */

/* ---- Self-hosted fonts (latin subset, variable) ---- */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/fraunces-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/fraunces-italic-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/hanken-latin.woff2') format('woff2');
}

:root {
  /* ---- Palette ---- */
  --paper:         #F2EEE6;   /* warm parchment base */
  --paper-deep:    #E9E2D4;   /* alternating sections */
  --paper-card:    #F7F4ED;   /* raised surfaces */
  --ink:           #15140F;   /* near-black */
  --ink-rich:      #211E17;   /* body text */
  --ink-muted:     #5A554A;   /* secondary text (AA on paper) */
  --accent:        #22332B;   /* deep ink-green */
  --accent-deep:   #16201B;   /* darker green */
  --accent-tint:   #3C5246;   /* lighter green accents */
  --line:          rgba(21, 20, 15, 0.14);
  --line-strong:   rgba(21, 20, 15, 0.32);
  --on-dark:       #EFE7D9;   /* text on ink / green bg */
  --on-dark-muted: rgba(239, 231, 217, 0.60);
  --selection:     rgba(34, 51, 43, 0.16);

  /* ---- Type families ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* ---- Fluid type scale ---- */
  --fs-eyebrow: clamp(0.72rem, 0.69rem + 0.12vw, 0.8rem);
  --fs-small:   clamp(0.82rem, 0.79rem + 0.15vw, 0.92rem);
  --fs-body:    clamp(1.02rem, 0.98rem + 0.22vw, 1.15rem);
  --fs-lead:    clamp(1.22rem, 1.07rem + 0.72vw, 1.62rem);
  --fs-h4:      clamp(1.15rem, 1.05rem + 0.5vw, 1.45rem);
  --fs-h3:      clamp(1.5rem, 1.2rem + 1.4vw, 2.4rem);
  --fs-h2:      clamp(2.1rem, 1.48rem + 2.9vw, 4rem);
  --fs-h1:      clamp(2.9rem, 1.7rem + 5.6vw, 6.6rem);
  --fs-display: clamp(3.1rem, 1.5rem + 7.6vw, 8.6rem);
  --fs-stat:    clamp(4.5rem, 1.4rem + 13vw, 14rem);

  /* ---- Spacing & measure ---- */
  --gutter:      clamp(1.25rem, 5vw, 5rem);
  --section-pad: clamp(5rem, 3.6rem + 9vw, 12rem);
  --maxw:        1320px;
  --maxw-text:   44rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.76, 0, 0.24, 1);
  --dur:      0.9s;
  --dur-long: 1.3s;

  /* ---- Layers ---- */
  --z-canvas:   0;
  --z-content:  1;
  --z-nav:      100;
  --z-launcher: 150;
  --z-chat:     200;

  /* ---- Pre-launch ---- */
  --topbar-h:   2.5rem;
}