:root {
  --color-bg: #F8F9FA;
  --color-text: #0F172A;
  --color-accent: #E53935;
  --color-accent2: #1E3A8A;
  --color-yellow: #FACC15;
  --color-border: #0F172A;
  --color-card: #FFFFFF;
  --color-footer-bg: #0F172A;
  --color-muted: #E2E8F0;

  --font-heading: "Outfit", sans-serif;
  --font-body: "Space Grotesk", sans-serif;
  --font-mono: "Space Mono", monospace;

  --font-size-base: 16px;
  --font-h1: clamp(2.4rem, 5vw, 4rem);
  --font-h2: clamp(1.8rem, 3.5vw, 2.6rem);
  --font-h3: clamp(1.3rem, 2.5vw, 1.8rem);
  --font-h4: 1.2rem;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 128px;

  --max-width: 1200px;
  --container-padding: clamp(16px, 4vw, 48px);
  --radius: 0px;
  --nav-height: 64px;
  --border-thick: 3px solid #0F172A;
  --border-heavy: 4px solid #0F172A;
  --shadow-block: 4px 4px 0 #0F172A;
  --shadow-hover: 6px 6px 0 #1E3A8A;
  --shadow-yellow: 4px 4px 0 #FACC15;
  --shadow-red: 4px 4px 0 #E53935;
}