:root {
  --color-bg: #000000;
  --color-surface: #1d202a;
  --color-surface-2: #272b38;
  --color-surface-3: #303542;
  --color-footer: #161616;
  --color-input: #464c5c;
  --color-input-border: #5b6375;
  --color-text: #ffffff;
  --color-text-muted: #959cad;
  --color-text-dark: #000000;

  --gradient-primary: linear-gradient(163.96deg, #ffb800 0%, #ff7527 100%);
  --gradient-accent: linear-gradient(90deg, #ff7527 0%, #ffb800 100%);
  --gradient-card: linear-gradient(179.47deg, #303542 0%, #272b38 100%);
  --gradient-ribbon: linear-gradient(244.33deg, #eda727 0%, #ff7903 100%);
  --gradient-ribbon-overlay: linear-gradient(91.72deg, rgba(77, 153, 241, 0) 4.09%, #272b38 22.87%);

  --font-heading: "BenzinBold", "BenzinBold-☞", "Arial Black", sans-serif;
  --font-body: "Roboto", "Arial", sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}