:root {
  --black: #050505;
  --black-2: #0b0b0b;
  --graphite: #151515;
  --graphite-2: #222222;
  --gray: #8a8a8a;
  --gray-light: #d6d6d6;
  --white: #ffffff;
  --yellow: #ffd400;
  --yellow-strong: #ffc400;
  --yellow-soft: #ffe95a;

  --font-body: "Inter", Arial, Helvetica, sans-serif;
  --font-display: "Sora", "Inter", Arial, Helvetica, sans-serif;

  --container: 1180px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;

  --radius: 8px;
  --radius-sm: 6px;
  --border: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 212, 0, 0.38);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  --glow: 0 0 28px rgba(255, 212, 0, 0.28);
  --transition: 180ms ease;
  --header-height: 84px;
  --z-header: 50;
  --z-float: 70;
  --z-modal: 90;
}