:root {
  /* Colors */
  --color-bg: #0a0a0a;
  --color-bg-card: #111111;
  --color-bg-elevated: #1a1a1a;
  --color-accent: #f9b209;
  --color-accent-hover: #e0a008;
  --color-text: #ffffff;
  --color-text-muted: #a1a1aa;
  --color-text-subtle: #71717a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.16);

  /* Typography */
  --font-display: "Bebas Neue", sans-serif;
  --font-body: "DM Sans", sans-serif;

  /* Border radius */
  --radius-card: 8px;
  --radius-btn: 4px;
  --radius-pill: 100px;

  /* Layout */
  --nav-height: 64px;
  --announcement-height: 36px;
  --container-max: 1280px;
  --container-pad: clamp(16px, 4vw, 48px);
  --section-padding: clamp(64px, 8vw, 120px);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Easing curves */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}