/* EZ Events — generated from tokens.json. Do not edit by hand; change tokens.json and regenerate. */

:root, [data-theme="light"] {
  --gray-0: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f4f4f4;
  --gray-200: #e6e6e6;
  --gray-300: #d1d1d1;
  --gray-400: #a3a3a3;
  --gray-500: #737373;
  --gray-600: #525252;
  --gray-700: #3d3d3d;
  --gray-800: #262626;
  --gray-900: #171717;
  --gray-950: #0a0a0a;
  --bg: var(--gray-0);
  --surface: var(--gray-100);
  --surface-raised: var(--gray-0);
  --line: var(--gray-200);
  --line-strong: var(--gray-500);
  --ink: var(--gray-950);
  --ink-muted: var(--gray-600);
  --ink-subtle: var(--gray-500);
  --fill: var(--gray-950);
  --fill-hover: var(--gray-700);
  --on-fill: var(--gray-0);
  --tint: var(--gray-200);
  --focus: var(--gray-950);
  --danger: #b42318;
  --success: #15803d;
  --warning: #a15c07;
  --shadow-overlay: 0 1px 2px rgba(10,10,10,0.06), 0 8px 24px rgba(10,10,10,0.10);
}

[data-theme="dark"] {
  --bg: var(--gray-950);
  --surface: var(--gray-900);
  --surface-raised: var(--gray-800);
  --line: var(--gray-800);
  --line-strong: var(--gray-500);
  --ink: var(--gray-50);
  --ink-muted: var(--gray-400);
  --ink-subtle: #8a8a8a;
  --fill: var(--gray-50);
  --fill-hover: var(--gray-300);
  --on-fill: var(--gray-950);
  --tint: var(--gray-800);
  --focus: var(--gray-50);
  --danger: #f97066;
  --success: #4ade80;
  --warning: #fbbf24;
  --shadow-overlay: 0 1px 2px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.5);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --radius-badge: 19%;
  --font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --font-sans: Geist, Inter, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
}

.display-xl { font-family: var(--font-display); font-size: 104px; line-height: 92px; font-weight: 800; letter-spacing: -0.01em; }
.display-l { font-family: var(--font-display); font-size: 72px; line-height: 66px; font-weight: 800; letter-spacing: -0.005em; }
.display-m { font-family: var(--font-display); font-size: 48px; line-height: 48px; font-weight: 700; letter-spacing: 0em; }
.heading { font-family: var(--font-display); font-size: 30px; line-height: 34px; font-weight: 700; letter-spacing: 0.005em; }
.eyebrow { font-family: var(--font-display); font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.title { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600; }
.body-l { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.numeral { font-family: var(--font-mono); font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; font-variant-numeric: tabular-nums; }