:root {
  color-scheme: light;
  font-family: Arial, sans-serif;

  --font-display: Georgia, "Times New Roman", serif;

  --color-navy: #10293a;
  --color-navy-dark: #0a1c28;
  --color-navy-soft: #1d3d50;
  --color-gold: #c9a55f;
  --color-gold-dark: #a8873f;
  --color-gold-soft: #f0dcae;
  --color-cream: #fdf8ec;
  --color-cream-deep: #f6efdf;

  --color-primary: #16879f;
  --color-primary-dark: #126c80;
  --color-accent-green: #8bc34a;
  --color-brand: #10293a;
  --color-text: #1f2933;
  --color-label: #334e5c;
  --color-muted: #6b7885;
  --color-border: #e2d7bf;
  --color-background: var(--color-cream);
  --color-surface: #ffffff;
}

* {
  box-sizing: border-box;
}

body {
  background:
    radial-gradient(circle at 12% 14%, rgb(201 165 95 / 20%), transparent 38%),
    radial-gradient(circle at 88% 86%, rgb(22 135 159 / 12%), transparent 38%),
    linear-gradient(135deg, #fdf8ec 0%, #f8f2e2 54%, #f4efe4 100%);
  color: var(--color-text);
  margin: 0;
}