/* Design tokens copied from the event page (dac.agilebangladesh.org, read 2026-10-07).
   Names and values match its :root so the two sites can share them. */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/space-grotesk-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-dark: #121210;
  --color-dark-soft: #1b1c19;
  --color-dark-card: #1f2019;
  --color-dark-border: #2e2f29;
  --color-green: #2f9e4e;
  --color-green-bright: #3ebd5f;
  --color-green-deep: #1c6b34;
  --color-green-panel: #1e7a3b;
  --color-cream: #f4f2ec;
  --color-cream-2: #ece9e0;
  --color-white: #ffffff;
  --color-text: #17180f;
  --color-text-muted: #6c6c63;
  --color-text-on-dark: #f4f2ec;
  --color-text-on-dark-muted: #9c9c92;
  --color-sold-out: #b23a32;

  --font-display: 'Space Grotesk', 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  --fs-hero: clamp(2.6rem, 6vw, 4.6rem);
  --fs-h1: clamp(2.2rem, 4.5vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 3vw, 2.2rem);
  --fs-h3: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.85rem;
  --fs-xs: 0.72rem;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  --max-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* App additions (not on the event page). */
  --color-error: var(--color-sold-out);
}