/* Infinity Creative Event Management — design tokens */
:root {
  color-scheme: dark;

  /* Color — deep event-night base, amber (festival) + teal (race) accents */
  --color-bg: #0a0d12;
  --color-surface: #12161d;
  --color-surface-raised: #1a2028;
  --color-ink: #f6f4ee;
  --color-ink-dim: #b3bcc7;
  --color-ink-faint: #7c8794;
  --color-accent: #ff7a1f;
  --color-accent-ink: #1a0d00;
  --color-accent-2: #17c9be;
  --color-accent-2-ink: #04201d;
  --color-line: rgba(246, 244, 238, 0.12);
  --color-scrim-top: rgba(6, 8, 11, 0.25);
  --color-scrim-bottom: rgba(6, 8, 11, 0.94);
  --color-scrim-flat: rgba(6, 8, 11, 0.72);

  /* Type */
  --font-display: 'Anton', 'Arial Narrow', 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --size-h1: clamp(2.6rem, 6vw, 5rem);
  --size-h2: clamp(1.9rem, 4vw, 3rem);
  --size-h3: clamp(1.25rem, 2.4vw, 1.6rem);
  --size-body: 1.05rem;
  --size-small: 0.9rem;
  --tracking-display: 0.01em;
  --tracking-eyebrow: 0.16em;

  /* Layout */
  --container-max: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --space-2xs: 0.4rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6.5rem;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 26px;

  --shadow-card: 0 24px 60px -24px rgba(0, 0, 0, 0.65);
  --shadow-pop: 0 12px 32px -12px rgba(255, 122, 31, 0.5);

  --z-media: 0;
  --z-scrim: 1;
  --z-content: 2;
  --z-header: 20;
}