:root {
  --bg-color: #0d0d10;
  --surface-color: #16161a;
  --surface-elevated: #1e1e24;
  --surface-overlay: #22222a;
  --accent-color: #e8473f;
  --accent-hover: #ff5a52;
  --text-primary: #f0f0f5;
  --text-secondary: #8a8a9a;
  --text-tertiary: #52526a;
  --border-color: #2a2a35;
  --border-subtle: rgba(255, 255, 255, 0.06);

  --font-heading: 'Bebas Neue', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  --spacing-unit: 8px;
  --section-padding: 140px 0;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-smooth);
  --transition-base: 0.45s var(--ease-smooth);
  --transition-slow: 0.65s var(--ease-out);

  /* Section divider */
  --section-gap: 80px;
}