:root {
  --color-primary: #ff8a5c;
  --color-primary-hover: #ffb062;
  --color-primary-text: #08101c;
  --color-primary-text-hover: #08101c;
  --color-secondary: rgba(255, 255, 255, 0.10);
  --color-secondary-hover: rgba(255, 255, 255, 0.18);
  --color-secondary-text: #f7fbff;
  --color-secondary-text-hover: #ffffff;
  --color-tertiary-hover: rgba(255, 255, 255, 0.08);
  --bg-image:
    radial-gradient(circle at top left, rgba(62, 213, 255, 0.18), transparent 24%),
    radial-gradient(circle at top right, rgba(255, 96, 165, 0.18), transparent 26%),
    linear-gradient(180deg, rgba(7, 12, 23, 0.94), rgba(4, 7, 15, 1));
}

body {
  font-family: 'Manrope', sans-serif;
}