@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

:root {
  --navy:         #0b2a58;
  --navy-dark:    #071d3d;
  --navy-mid:     #0d3268;
  --navy-light:   #163d7a;
  --gold:         #bc8939;
  --gold-dark:    #9e7130;
  --gold-light:   #d4a455;
  --bg-page:      #f8f3eb;
  --bg-section:   #f3e8da;
  --bg-white:     #fefefe;
  --bg-dark:      #0b2a58;
  --text-heading: #0b2a58;
  --text-body:    #2c3e55;
  --text-muted:   #5a6a7e;
  --text-inverse: #fefefe;
  --text-gold:    #bc8939;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --shadow-sm:    0 2px 6px rgba(11,42,88,0.08);
  --shadow-md:    0 4px 16px rgba(11,42,88,0.09);
  --shadow-lg:    0 8px 28px rgba(11,42,88,0.12);
  --radius-btn:   4px;
  --radius-card:  8px;
  --max-w:        1200px;
  --section-py:   80px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); background: var(--bg-page); color: var(--text-body); -webkit-font-smoothing: antialiased; text-wrap: pretty; }
a { text-decoration: none; }
button, input, select, textarea { font-family: inherit; }
img { display: block; max-width: 100%; }
ul { list-style: none; }