@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

:root {
  /* Primary — Deep Navy */
  --color-navy: #1C2B4A;

  /* Secondary — Warm Brick Red */
  --color-red: #8B2E2E;
  --color-red-hover: #7a2828;

  /* Accent — Warm Gold */
  --color-gold: #C49A2A;

  /* Neutral backgrounds */
  --color-cream: #F7F4EF;
  --color-white: #FFFFFF;
  --color-light-gray: #EBEBEB;
  --color-mid-gray: #6B7280;

  /* Text */
  --color-text: #1A1A1A;
  --color-text-light: #4A4A4A;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Serif 4', Georgia, serif;

  /* Type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-hero: clamp(2.5rem, 5vw, 4rem);

  /* Layout */
  --max-width: 1100px;
  --content-width: 720px;
  --section-padding: clamp(3rem, 6vw, 6rem);
  --container-padding: clamp(1rem, 4vw, 2rem);

  /* Navigation */
  --nav-height: 64px;
  --nav-height-mobile: 56px;
}