:root {
  --color-bg: #060606;
  --color-surface: #313131;
  --color-text: #FFFFFF;
  --color-text-on-light: #000000;

  --color-accent-from: #F5C205;
  --color-accent-to: #DA822D;
  --color-secondary-from: #FCFCFC;
  --color-secondary-to: #969696;
  --color-divider: #D9D9D9;
  --color-light-glow: #FFF5F5;

  --grad-text-light: radial-gradient(circle at 50% 50%, #FFFFFF 0%, #BABABA 100%);
  --grad-accent: linear-gradient(180deg, var(--color-accent-from) 0%, var(--color-accent-to) 100%);
  --grad-secondary: linear-gradient(180deg, var(--color-secondary-from) 0%, var(--color-secondary-to) 100%);

  --font-display: 'RoadRadio', sans-serif;
  --font-body: 'Gilroy', sans-serif;
  --font-meta: 'Montserrat', sans-serif;

  --container-max: 1440px;
  --container-padding-x: clamp(20px, 4vw, 140px);
  --header-height: 95px;

  --shadow-text: 0 4px 6px rgba(12, 12, 12, 0.2);
  --shadow-button: 0 4px 4px rgba(0, 0, 0, 0.25);
  --radius-button: 18px;
}