:root {
  --primary: #18304a;
  --primary-dark: #1f3d5c;
  --primary-darker: #254a6e;
  --secondary: #f0d097;
  --secondary-hover: #e8c47f;

  --white: #ffffff;
  --black: #111111;

  --background: #fafafa;
  --surface: #ffffff;

  --text: #2b2b2b;
  --text-light: #6c757d;

  --border: #ececec;

  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12);

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

  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.15s ease;

  --container-max: 1200px;
  --container-narrow: 960px;
  --section-padding: clamp(4rem, 8vw, 7rem);
  --header-height: 72px;

  --primary-light: rgba(24, 48, 74, 0.08);
  --secondary-light: rgba(240, 208, 151, 0.25);
  --secondary-muted: rgba(240, 208, 151, 0.15);
  --overlay: rgba(24, 48, 74, 0.85);
  --white-muted: rgba(255, 255, 255, 0.75);
  --white-soft: rgba(255, 255, 255, 0.7);

  --gradient-hero: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--primary-darker) 100%);
  --gradient-dark: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}