/* tokens.css — "Crystal Night" design system for the Luz de Cristala landing.
   Landing pages are modern-browser only (the game itself runs elsewhere), so
   CSS variables / grid / clamp are fine HERE. The launcher shell + welcome
   card keep their own compat-safe literal styles (static/launch/hub.css). */

@font-face {
  font-family: "Cormorant";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/cormorant-latin.woff2") format("woff2");
}

:root {
  /* palette — derived from the game's own art (login video, logo medallion) */
  --night: #0a1438;
  --abyss: #060b24;
  --card: rgba(8, 18, 46, 0.82);
  --card-solid: #0e1a3a;
  --gold: #f0c850;
  --gold-soft: #e8d090;
  --gold-light: #fff5d6;
  --crystal: #5aa0ff;
  --violet: #9a7ce8;
  --text: #dfe7ff;
  --dim: #a8b8d0;
  --muted: #7a8aa0;
  --danger: #c83c46;
  --ok: #3ca05a;
  --warning: #c58f2a;
  --border-gold: rgba(240, 200, 80, 0.45);
  --border-faint: rgba(240, 200, 80, 0.22);
  --border-crystal: rgba(90, 160, 255, 0.25);

  /* type */
  --serif: "Cormorant", Georgia, "Times New Roman", serif;
  --sans: "Segoe UI", system-ui, Tahoma, sans-serif;
  --type-display: clamp(3rem, 1.4rem + 7vw, 6.5rem);
  --type-h2: clamp(1.9rem, 1.2rem + 2.4vw, 3rem);
  --type-h3: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem);

  /* rhythm */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --section: clamp(4rem, 2.5rem + 5vw, 7.5rem);
  --shadow-card: 0 16px 64px rgba(0, 0, 0, 0.55);
  --ring-gold: 0 0 0 2px rgba(240, 200, 80, 0.7), 0 0 32px rgba(80, 140, 220, 0.25);

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}