/* Aegis font system — Cinzel (display), Marcellus (heading), Alegreya (serif body), Alegreya Sans (UI) */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Marcellus&family=Alegreya:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500&family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap");

:root {
  /* Surface — Twilight */
  --bg: #120A2E;
  --bg-elev: #1A0F38;
  --bg-elev-2: #241551;
  --bg-card: rgba(26, 15, 56, 0.78);
  --bg-card-2: rgba(36, 21, 81, 0.92);
  --bg-overlay: rgba(10, 5, 28, 0.80);

  /* Ink — warm parchment over twilight */
  --text: #F6EEDA;
  --text-soft: #D9C9F0;
  --muted: #A290C2;
  --muted-dim: #6E5C92;

  /* Brand — Honey Glow gold (accent == gold) */
  --accent: #EFC163;
  --accent-soft: #F5CE6E;
  --accent-deep: #D9A33A;
  --gold: #EFC163;
  --gold-soft: #FBE3A6;
  --gold-deep: #CC9836;

  /* Status */
  --success: #9BE15D;
  --warning: #FF6B5E;
  --alert: #FFD600;

  /* Rarity (used on rarity strip + card chips) */
  --rarity-common: #C9BBD9;
  --rarity-rare: #7FB2FF;
  --rarity-epic: #B26BFF;
  --rarity-legendary: #EFC163;
  --rarity-fullart: linear-gradient(135deg, #7FB2FF 0%, #B26BFF 40%, #EFC163 75%, #FF8FC4 100%);

  /* Borders + focus */
  --border-soft: rgba(239, 193, 99, 0.18);
  --border-bold: rgba(239, 193, 99, 0.40);
  --border-gold: rgba(239, 193, 99, 0.45);
  --focus-ring: 0 0 0 3px rgba(239, 193, 99, 0.45);

  /* Typography — Aegis font system */
  --font-sans: "Alegreya Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --font-heading: "Marcellus", "Cinzel", "Times New Roman", serif;
  --font-serif: "Alegreya", Georgia, "Times New Roman", serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.4rem, 1.6vw + 0.9rem, 2rem);
  --fs-2xl: clamp(1.8rem, 2.4vw + 1rem, 2.75rem);
  --fs-3xl: clamp(2.4rem, 3.6vw + 1rem, 3.8rem);
  --fs-hero: clamp(2.6rem, 7vw + 0.4rem, 5.6rem);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  /* Shadows + glows */
  --shadow-card: 0 24px 56px rgba(0, 0, 0, 0.55);
  --shadow-elev: 0 12px 28px rgba(8, 4, 20, 0.45);
  --glow-cyan: 0 0 24px rgba(239, 193, 99, 0.35), 0 0 60px rgba(239, 193, 99, 0.18);
  --glow-gold: 0 0 24px rgba(239, 193, 99, 0.35), 0 0 60px rgba(239, 193, 99, 0.18);
  --glow-soft: 0 18px 48px rgba(239, 193, 99, 0.22);

  /* Layout */
  --container-max: 76rem;
  --header-height: 72px;
}