@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/outfit-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Material Symbols Outlined";
  src: url("/assets/fonts/material-symbols-outlined-irksomewolf.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --bg-primary: #0f1524;
  --bg-secondary: #141b2d;

  --card-bg: #1a1040;
  --card-bg-hover: #22154d;
  --card-border: #c9a84c;
  --card-border-hover: #e2c366;

  --gold: #c9a84c;
  --gold-light: #e2c366;
  --gold-glow: rgba(201, 168, 76, 0.25);

  --gold-rgb: 201, 168, 76;

  --text-primary: #f0ece4;
  --text-secondary: #a8a0b8;
  --text-muted: #89819a;

  --radius: 14px;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}