:root {
  --bg-primary: #F0F7F2;
  --bg-secondary: #E5F0E8;
  --bg-tertiary: #D8E6DD;
  --bg-card: #FFFFFF;
  --bg-surface: #F5FAF6;
  --accent: #6ABF8A;
  --accent-hover: #54A873;
  --accent-glow: rgba(106, 191, 138, 0.2);
  --secondary: #3D8A5E;
  --secondary-hover: #2E7049;
  --secondary-glow: rgba(61, 138, 94, 0.15);
  --text-primary: #1A2E24;
  --text-secondary: #3D5A4A;
  --text-muted: #6B8A7A;
  --glass-bg: rgba(240, 247, 242, 0.8);
  --glass-border: rgba(26, 46, 36, 0.08);
  --glass-shadow: 0 4px 24px rgba(26, 46, 36, 0.06);
  --shadow-sm: 0 2px 8px rgba(26, 46, 36, 0.04);
  --shadow-md: 0 8px 32px rgba(26, 46, 36, 0.06);
  --shadow-lg: 0 16px 64px rgba(26, 46, 36, 0.08);
  --shadow-glow: 0 0 24px var(--accent-glow);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-subheading: 'Montserrat', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --nav-height: 64px;
  --nav-expanded: 72px;
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.32, 0.72, 0, 1);
  --transition-spring: 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  --z-base: 1;
  --z-sticky: 10;
  --z-nav: 50;
  --z-overlay: 60;
  --z-modal: 70;
  --z-grain: 90;
  --z-loader: 100;
  --z-cursor: 200;
}

[data-theme="mint"] {
  --accent: #7CCFA0;
  --accent-hover: #66BA86;
  --accent-glow: rgba(124, 207, 160, 0.2);
  --bg-primary: #F5FBF7;
  --bg-secondary: #EBF5EE;
  --bg-tertiary: #DEEBE3;
  --bg-card: #FFFFFF;
  --bg-surface: #F9FDFA;
  --glass-bg: rgba(245, 251, 247, 0.85);
}