@font-face {
  font-family: "Euclid Circular A";
  src: url("../assets/fonts/EuclidCircularA-Regular.4e128fd7.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../assets/fonts/EuclidCircularA-Medium.62bdba40.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../assets/fonts/EuclidCircularA-SemiBold.ce55cb81.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("../assets/fonts/EuclidCircularA-Bold.ca5cd9ec.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-main: "Euclid Circular A", Arial, sans-serif;

  --bg-primary: #0A0318;
  --bg-secondary: #120326;
  --bg-tertiary: #1B0438;

  --accent: #FF335F;
  --purple: #A955FF;
  --purple-light: #C36BFF;

  --text-primary: #FFFFFF;
  --text-secondary: #D8D8E8;
  --text-muted: rgba(255, 255, 255, .65);

  --border-primary: rgba(255, 255, 255, .08);
  --border-secondary: rgba(255, 255, 255, .12);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --container: 1280px;
}