:root {
  /* Core Muted Palette (Sage, Cream, White, Slate, Charcoal) */
  --color-sage-50: #f4f7f4;
  --color-sage-100: #e6ede7;
  --color-sage-200: #cfe0d2;
  --color-sage-300: #b2ceb7;
  --color-sage-400: #8fae95;
  --color-sage-500: #6f9276;
  --color-sage-600: #57775e;
  --color-sage-700: #435e49;
  --color-sage-800: #314636;
  --color-sage-900: #1e2c22;
  --color-sage-950: #111a13;

  --color-cream-50: #fafaf7;
  --color-cream-100: #f5f5ee;
  --color-cream-200: #ebebe0;
  --color-cream-300: #dedecd;

  --color-white: #ffffff;
  --color-offwhite: #f8faf8;

  --color-charcoal-950: #0b1110;
  --color-charcoal-900: #121a18;
  --color-charcoal-800: #1c2724;
  --color-charcoal-700: #2b3b37;
  --color-charcoal-600: #445652;
  --color-charcoal-500: #60736f;
  --color-charcoal-400: #869994;
  --color-charcoal-300: #b0c0bc;
  --color-charcoal-200: #d6e0dd;
  --color-charcoal-100: #edf2f0;

  --color-accent-amber: #d4a373;
  --color-accent-cyan: #5fa8a3;
  --color-accent-gold: #c29f62;

  /* Semantic Variables */
  --bg-primary: #fbfbf8;
  --bg-secondary: #f4f6f3;
  --bg-tertiary: #eaefe9;
  --bg-card: rgba(255, 255, 255, 0.85);
  --bg-card-hover: rgba(255, 255, 255, 0.98);
  --bg-dark: #121a18;
  --bg-dark-card: rgba(28, 39, 36, 0.85);

  --text-primary: #121a18;
  --text-secondary: #445652;
  --text-muted: #728480;
  --text-light: #ffffff;
  --text-light-secondary: #c2d1cc;
  --text-light-muted: #889e98;

  --border-subtle: rgba(111, 146, 118, 0.15);
  --border-medium: rgba(111, 146, 118, 0.28);
  --border-strong: rgba(111, 146, 118, 0.45);
  --border-light: rgba(255, 255, 255, 0.4);
  --border-dark: rgba(255, 255, 255, 0.1);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-bg-subtle: rgba(255, 255, 255, 0.5);
  --glass-bg-dark: rgba(18, 26, 24, 0.8);
  --glass-blur: blur(20px);
  --glass-blur-sm: blur(10px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.6);
  --glass-border-dark: 1px solid rgba(255, 255, 255, 0.08);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(18, 26, 24, 0.03);
  --shadow-md: 0 8px 24px -4px rgba(18, 26, 24, 0.06);
  --shadow-lg: 0 16px 40px -8px rgba(18, 26, 24, 0.08);
  --shadow-xl: 0 28px 64px -12px rgba(18, 26, 24, 0.12);
  --shadow-card: 0 12px 32px -4px rgba(18, 26, 24, 0.05), 0 1px 2px rgba(18, 26, 24, 0.03);
  --shadow-glow: 0 0 40px rgba(111, 146, 118, 0.25);
  --shadow-dark: 0 20px 48px rgba(0, 0, 0, 0.35);

  /* Typography */
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --container-max-width: 1360px;
  --section-padding-y: 120px;
  --section-padding-sm-y: 80px;
  --container-padding-x: 32px;

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}