:root {
    --color-bg: #faf9f6;
    --color-white: #ffffff;
    --color-text-primary: #1c1c1c;
    --color-text-secondary: #5a5a5a;
    --color-text-muted: #8a8a8a;
    --color-border: #e8e6e1;
    --color-border-light: #f2f1ed;
    --color-accent: #2d5a3d;
    --color-accent-hover: #1e4029;
    --color-accent-light: #e8f0eb;
    --color-hero-dark: #1a3a24;
    --color-hero-light: #2d5a3d;

    /* Expanded Green Palette - Light to Dark */
    --color-green-50: #f0f7f2;
    --color-green-100: #dcebe0;
    --color-green-200: #b8d6c1;
    --color-green-300: #8fbc9c;
    --color-green-400: #5d9a70;
    --color-green-500: #3d7a52;
    --color-green-600: #2d5a3d;
    --color-green-700: #234830;
    --color-green-800: #1a3624;
    --color-green-900: #122518;

    /* Functional Green Tones */
    --color-green-muted: #f5f9f6;
    --color-green-subtle: #eaf3ed;
    --color-green-wash: rgba(45, 90, 61, 0.04);
    --color-green-tint: rgba(45, 90, 61, 0.08);
    --color-green-highlight: rgba(45, 90, 61, 0.12);

    --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.06);
    --shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
    --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12);
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
    --font-display: 'DM Serif Display', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}