:root {
  --color-primary: #e8bf72;
  --color-primary-contrast: #07152f;
  --color-bg: #fbfaf6;
  --color-surface: #ffffff;
  --color-text: #0b1934;
  --color-muted: #46536a;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: Arial, Helvetica, sans-serif;
  --radius: 4px;

  --color-green: #18345d;
  --color-green-dark: #07152f;
  --color-mint: #f1e7cf;
  --color-blush: #f6eee0;
  --color-sky: #e8edf5;
  --color-line: #c9c5ba;
  --color-yellow: #e8bf72;
  --color-lede: #35445d;
  --color-soft: #f4f2ec;
  --color-shadow: 0 12px 32px rgb(7 21 47 / 12%);
  --color-hero-overlay: rgb(7 21 47 / 88%);
  --color-hero-overlay-light: rgb(7 21 47 / 30%);
  --color-footer-text: #fffaf0;
  --color-footer-muted: #e8e0d1;
  --color-footer-subtle: #c9c2b5;
  --color-footer-line: rgb(255 255 255 / 18%);

  --ink: var(--color-text);
  --muted: var(--color-muted);
  --green: var(--color-green);
  --green-dark: var(--color-green-dark);
  --coral: var(--color-primary);
  --yellow: var(--color-yellow);
  --mint: var(--color-mint);
  --sky: var(--color-sky);
  --blush: var(--color-blush);
  --paper: var(--color-bg);
  --line: var(--color-line);
  --soft: var(--color-soft);
  --shadow: var(--color-shadow);

  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-bg);
  font-synthesis: none;
}