/* ============================================
   Design Tokens — extracted from Figma
   ============================================ */

@font-face {
  font-family: 'New Spirit';
  src: url('../assets/fonts/NewSpirit-Condensed.woff') format('woff');
  font-weight: 400;
  font-style: condensed;
  font-display: swap;
}

@font-face {
  font-family: 'New Spirit';
  src: url('../assets/fonts/NewSpirit-Condensed.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'New Spirit';
  src: url('../assets/fonts/NewSpirit-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'New Spirit';
  src: url('../assets/fonts/NewSpirit-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Using separate family names to match Figma's Regular Condensed vs Medium */
@font-face {
  font-family: 'New Spirit Condensed';
  src: url('../assets/fonts/NewSpirit-Condensed.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'New Spirit Medium';
  src: url('../assets/fonts/NewSpirit-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Colors ── */
  --color-page-bg:     #fdfaf3;
  --color-logo:        #858554;
  --color-nav:         #5c5c5c;
  --color-hero-text:   #4a1d08;
  --color-card-title:  #613421;
  --color-coming-soon: #c8ab79;
  --color-card-cs-bg:  #f6eaea;
  --color-footer-logo: #ee82dd;
  --color-footer-text: #ffffff;

  /* ── Typography ── */
  --font-condensed: 'New Spirit Condensed', 'New Spirit', Georgia, serif;
  --font-medium:    'New Spirit Medium', 'New Spirit', Georgia, serif;
  --font-regular:   'New Spirit', Georgia, serif;
  --font-sans:      Helvetica, Arial, sans-serif;

  /* ── Font sizes (desktop) ── */
  --fs-logo:       32px;
  --fs-nav:        24px;
  --fs-hero:       28px;
  --fs-card-title: 40px;
  --fs-card-sub:   20px;
  --fs-footer-tag: 20px;

  /* ── Letter spacing ── */
  --ls-logo:   -0.64px;
  --ls-nav:    -0.72px;
  --ls-hero:   0px;
  --ls-card:   -0.80px;
  --ls-footer: -0.60px;

  /* ── Line heights ── */
  --lh-logo:       1.1;
  --lh-nav:        1.45;
  --lh-hero:       1.1;
  --lh-card-title: 1.2;
  --lh-card-sub:   1.46;

  /* ── Spacing ── */
  --header-px:   64px;
  --header-py:   24px;
  --cards-outer: 60px;
  --cards-inner: 120px;
  --card-gap:    48px;
  --card-w:      444px;
  --card-radius: 25px;
  --row-pb:      80px;
  --footer-p:    64px;
}