/* ─────────────────────────────────────────────────────────────────────────────
   variables.css
   Your entire design system lives here as CSS custom properties.
   Change a value once → it updates everywhere on the site.
   ───────────────────────────────────────────────────────────────────────────── */
/* variables.css */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --navy: #0a1628;
  --navy-mid: #112240;
  --navy-light: #1a3a5c;
  --steel: #2a4a6b;
  --amber: #c8a84b;
  --amber-light: #e8c96a;
  --white: #f0f4f8;
  --muted: #8899aa;
  --text: #d0dde8;
}