:root {
  --color-cream: #f5f0eb;
  --color-cream-alt: #ffffff;
  --color-blue: #21409a;
  --color-blue-hover: #182f74;
  --color-blue-ink: #21409a;
  --color-blue-soft: #c7d1ee;
  --color-gold: #f2ba5c;
  --color-gold-deep: #96591a;
  --color-white: #ffffff;
  --color-text: #2c2c2c;
  --color-text-muted: #5a5a5a;

  --font-display: "Patrick Hand", cursive;
  --font-body: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs: clamp(0.78rem, 0.75rem + 0.15vw, 0.88rem);
  --text-sm: clamp(0.9rem, 0.86rem + 0.18vw, 1rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --text-xl: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --text-h2: clamp(2.1rem, 1.5rem + 2.6vw, 3.75rem);
  --text-h1: clamp(2.8rem, 1.6rem + 5.2vw, 6.75rem);
  --text-display: clamp(4rem, 2.5rem + 8vw, 11rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: clamp(2.5rem, 2rem + 2vw, 4rem);
  --space-section: clamp(4.5rem, 3.4rem + 5.2vw, 9rem);

  --radius-arch: 200px 200px 0 0;
  --radius-md: 12px;
  --radius-sm: 6px;
  --radius-lg: 28px;

  --duration-fast: 180ms;
  --duration-normal: 420ms;
  --duration-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);

  --shadow-card: 0 10px 30px -12px rgba(28, 44, 76, 0.25);
  --shadow-lifted: 0 30px 60px -20px rgba(15, 25, 48, 0.35);
  --shadow-nav: 0 2px 20px rgba(15, 25, 48, 0.08);

  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* Classic Greek meander (key) pattern, tiled horizontally */
  --greek-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='32'%3E%3Cpath d='M0 26 H10 V6 H20 V26 H30 V6 H40' fill='none' stroke='rgba(255,255,255,0.32)' stroke-width='2.5'/%3E%3C/svg%3E");

  /* Thin line-art olive branch — blue variant (for cream/white backgrounds) */
  --leaf-sprig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M50 196 C46 150 54 100 50 4' fill='none' stroke='%2321409a' stroke-width='2.5' stroke-linecap='round'/%3E%3Cellipse cx='36' cy='38' rx='17' ry='7.5' fill='none' stroke='%2321409a' stroke-width='2.5' transform='rotate(-32 36 38)'/%3E%3Cellipse cx='64' cy='64' rx='17' ry='7.5' fill='none' stroke='%2321409a' stroke-width='2.5' transform='rotate(32 64 64)'/%3E%3Cellipse cx='34' cy='96' rx='17' ry='7.5' fill='none' stroke='%2321409a' stroke-width='2.5' transform='rotate(-28 34 96)'/%3E%3Cellipse cx='66' cy='124' rx='17' ry='7.5' fill='none' stroke='%2321409a' stroke-width='2.5' transform='rotate(28 66 124)'/%3E%3Cellipse cx='38' cy='154' rx='15' ry='6.5' fill='none' stroke='%2321409a' stroke-width='2.5' transform='rotate(-22 38 154)'/%3E%3C/svg%3E");

  /* Thin line-art olive branch — white variant (for blue backgrounds) */
  --leaf-sprig-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M50 196 C46 150 54 100 50 4' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3Cellipse cx='36' cy='38' rx='17' ry='7.5' fill='none' stroke='%23ffffff' stroke-width='2.5' transform='rotate(-32 36 38)'/%3E%3Cellipse cx='64' cy='64' rx='17' ry='7.5' fill='none' stroke='%23ffffff' stroke-width='2.5' transform='rotate(32 64 64)'/%3E%3Cellipse cx='34' cy='96' rx='17' ry='7.5' fill='none' stroke='%23ffffff' stroke-width='2.5' transform='rotate(-28 34 96)'/%3E%3Cellipse cx='66' cy='124' rx='17' ry='7.5' fill='none' stroke='%23ffffff' stroke-width='2.5' transform='rotate(28 66 124)'/%3E%3Cellipse cx='38' cy='154' rx='15' ry='6.5' fill='none' stroke='%23ffffff' stroke-width='2.5' transform='rotate(-22 38 154)'/%3E%3C/svg%3E");

  --max-width: 1280px;
  --max-width-narrow: 1140px;
}