/* =========================================================
   LOADING A FONT
   ========================================================= */
   @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;1,9..144,300;1,9..144,500&display=swap');
/* =========================================================
   ORDINATE — GLOBAL DESIGN TOKENS & BASE STYLES
   ========================================================= */

:root {
  /* ─────────────────────────────────────────────────────
     COLORS
     ───────────────────────────────────────────────────── */

  --bg: #1f1b2e;
  --bg-deep: #15121f;
  --surface: #2a2438;

  --site-outer: var(--surface);
  --site-frame-line: rgba(212, 168, 87, 0.55);

  --line: rgba(212, 168, 87, 0.18);

  --gold: #d4a857;
  --gold-soft: #e8c77e;

  --text: #f2ede4;
  --muted: #a89bc2;

  --error: #e2693c;


  /* ─────────────────────────────────────────────────────
     TYPOGRAPHY
     ───────────────────────────────────────────────────── */

  --font-display: 'Fraunces', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'Space Mono', monospace;


  /* ─────────────────────────────────────────────────────
     RADII
     ───────────────────────────────────────────────────── */

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 18px;


  /* ─────────────────────────────────────────────────────
     CONTENT WIDTHS
     ───────────────────────────────────────────────────── */

  --content-narrow: 500px;
  --content-standard: 560px;
  --content-wide: 1200px;


  /* ─────────────────────────────────────────────────────
     MOTION
     ───────────────────────────────────────────────────── */

  --transition-fast: 0.2s ease;
  --transition-standard: 0.35s ease;
  --transition-slow: 0.5s ease;


  /* ─────────────────────────────────────────────────────
     EFFECTS
     ───────────────────────────────────────────────────── */

  --shadow-card: 0 30px 60px -25px rgba(0, 0, 0, 0.6);
}


/* =========================================================
   GLOBAL RESET
   ========================================================= */

* {
  box-sizing: border-box;
}


html {
  scroll-behavior: smooth;
}


body {
  margin: 0;

  background: var(--site-outer);

}


img,
svg {
  max-width: 100%;
}


button,
input,
select,
textarea {
  font: inherit;
}