/* Hero Hieronta — design tokens (PRD/03) */

@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/fraunces-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2026;
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/fraunces-latin-ext-400.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1EFF, U+2113;
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/fraunces-latin-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2026;
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/fraunces-latin-ext-600.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1EFF, U+2113;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2026;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-latin-ext-400.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1EFF, U+2113;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-latin-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2026;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-latin-ext-500.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1EFF, U+2113;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-latin-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2026;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-latin-ext-600.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1EFF, U+2113;
}

:root {
  /* color */
  --c-ink: #1C1C1E;
  --c-charcoal: #242426;
  --c-charcoal-2: #2E2C28;
  --c-paper: #FAF7F2;
  --c-beige: #EFE7DA;
  --c-gold: #C9A227;
  --c-gold-deep: #7A6412; /* darkened for AA text contrast on light (≈5:1); used for links/eyebrows/icons */
  --c-gold-light: #E3C766;
  --c-sage: #7A8B6F;
  --c-white: #FFFFFF;
  --c-error: #B3402A;
  --c-ink-60: rgba(28,28,30,.72); /* ≈6.5:1 on paper — passes WCAG 1.4.3 for body text */
  --c-white-70: rgba(255,255,255,.7);

  /* type */
  --f-display: 'Fraunces', Georgia, serif;
  --f-body: 'Inter', system-ui, -apple-system, sans-serif;
  --fs-hero: clamp(2.5rem, 5.4vw + 1rem, 4.5rem);
  --fs-h1: clamp(2.125rem, 3.4vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.75rem, 2vw + 1rem, 2.5rem);
  --fs-h3: clamp(1.25rem, .6vw + 1rem, 1.5rem);
  --fs-body: clamp(1rem, .2vw + .95rem, 1.125rem);
  --fs-small: .875rem;

  /* space */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --section-pad: var(--sp-9);

  /* radius */
  --r-s: 8px; --r-m: 16px; --r-l: 24px; --r-full: 999px;

  /* shadow */
  --sh-1: 0 2px 8px rgba(28,28,30,.06);
  --sh-2: 0 8px 24px rgba(28,28,30,.10);
  --sh-3: 0 16px 48px rgba(28,28,30,.16);

  /* motion */
  --t-fast: 150ms; --t-base: 250ms; --t-slow: 400ms; --t-scene: 800ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);

  /* layout */
  --max-w: 1240px;
  --nav-h: 64px;
}

@media (max-width: 767px) {
  :root { --section-pad: var(--sp-8); }
}