/* Theme variables */
:root {
  --forest: #1b3a2b;
  --forest-deep: #122a1f;
  --gold: #c9a24b;
  --cream: #f6f2e9;
  --charcoal: #1f2620;
  --sage: #6e8270;

  /* Brand palette */
  --color-primary: var(--forest);
  --color-primary-light: var(--gold);
  --color-primary-dark: var(--forest-deep);
  --color-primary-subtle: rgba(201, 162, 75, 0.14);

  /* Neutrals */
  --color-white: #ffffff;
  --color-cream: var(--cream);
  --color-sand: #ebe4d6;
  --color-muted: var(--sage);
  --color-border: rgba(31, 38, 32, 0.14);
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Dark palette */
  --color-dark: var(--charcoal);
  --color-dark-2: var(--forest-deep);
  --color-dark-3: #0d1d15;

  /* Text */
  --color-text-on-dark: rgba(246, 242, 233, 0.92);
  --color-text-on-dark-2: rgba(246, 242, 233, 0.68);
  --color-text-on-light: var(--charcoal);
  --color-text-on-light-2: var(--sage);

  /* Semantic */
  --color-success: #4a8f6b;
  --color-warning: #c99b2d;
  --color-error: #c85a4a;
  --color-info: #4f86b8;

  /* Overlay / Glass */
  --glass-light: rgba(255, 255, 255, 0.08);
  --glass-dark: rgba(18, 42, 31, 0.74);
  --overlay-hero: rgba(18, 42, 31, 0.56);

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(18, 42, 31, 0.12);
  --shadow-md: 0 4px 20px rgba(18, 42, 31, 0.18);
  --shadow-lg: 0 12px 48px rgba(18, 42, 31, 0.24);
  --shadow-amber: 0 4px 24px rgba(201, 162, 75, 0.28);

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Border radius */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Typography */
  --font-display: "Cormorant Garamond", serif;
  --font-body: "Jost", sans-serif;
  --text-xs: 0.72rem;
  --text-sm: 0.85rem;
  --text-base: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3.5rem;

  /* Transitions */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.18s var(--ease-out);
  --transition-base: 0.28s var(--ease-out);
  --transition-slow: 0.45s var(--ease-out);

  /* Layout */
  --nav-h: 80px;
  --nav-h-sm: 64px;
  --container-xl: 1280px;
  --container-lg: 1024px;
  --container-md: 768px;
}