:root {
  /* Brand colors */
  --color-primary: #FD3F04;
  --color-secondary: #000000;
  --color-bg: #ffffff;
  --color-bg-dark: #000000;
  --color-accent-light: #FFF0EB;
  --color-text: #1a1a1a;
  --color-text-light: #6b6b6b;
  --color-text-on-dark: #ffffff;
  --color-border: #ececec;

  /* Typography */
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;

  --h1-size: clamp(2rem, 5vw, 3.75rem);
  --h2-size: clamp(1.6rem, 3.5vw, 2.5rem);
  --h3-size: clamp(1.1rem, 2vw, 1.5rem);
  --body-size: 16px;

  /* Layout */
  --container-width: 1320px;
  --radius-pill: 999px;
  --radius-card: 16px;

  /* Header heights */
  --announcement-height: 40px;
  --navbar-height: 80px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-button: 0 8px 20px rgba(253, 63, 4, 0.25);

  /* Transitions */
  --transition-base: 0.25s ease;
}