/* ============================================================
   VARIABLES — the one place brand colors/fonts are defined.
   Every other CSS file references these, nothing hardcodes a
   raw hex value for brand colors.
   ============================================================ */

:root {
  --ink: #1B1030;
  --ink-deep: #17102b;
  --violet: #9400D3;
  --violet-deep: #5B0AA3;
  --lavender: #F3E8FF;
  --gold: #D4A24C;
  --gold-bright: #F3D9A0;
  --paper: #FBF9FF;
  --line: rgba(27, 16, 48, 0.10);
  --line-dark: rgba(251, 249, 255, 0.14);

  --font-display: 'Fraunces', serif;
  --font-body: 'Manrope', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --container-max: 1160px;
  --radius-lg: 28px;
  --radius-md: 16px;
  --radius-sm: 10px;
}