:root {
    /* Colors - Light theme inspired by logo (olive green + sand) */
    --color-primary: #4A5A2B;          /* Olive green from logo */
    --color-primary-light: #6B7D3A;    /* Lighter olive */
    --color-primary-dark: #3A4720;     /* Darker olive */
    --color-primary-glow: rgba(74, 90, 43, 0.2);
    --color-accent: #C5A55A;           /* Sand/gold from logo */
    --color-accent-light: #D4BA76;
    --color-accent-dark: #A68A3E;

    /* Backgrounds - Light & warm */
    --color-bg: #FAF8F3;              /* Warm white / cream */
    --color-bg-alt: #F0EDE4;          /* Slightly darker cream */
    --color-bg-dark: #2C3319;         /* Dark olive for contrast sections */
    --color-surface: #FFFFFF;          /* Cards, surfaces */
    --color-surface-hover: #F5F2EB;

    /* Text */
    --color-text: #2C2C2C;            /* Near black for readability */
    --color-text-light: #5A5A5A;      /* Secondary text */
    --color-text-muted: #8A8A7A;      /* Muted/placeholder */
    --color-text-on-dark: #FAF8F3;    /* Text on dark backgrounds */
    --color-text-on-primary: #FFFFFF;  /* Text on primary color */

    /* Borders */
    --color-border: #DDD8CC;          /* Warm gray border */
    --color-border-light: #EBE7DE;

    /* Legacy aliases (for components that use old names) */
    --color-bronze: var(--color-accent);
    --color-bronze-light: var(--color-accent-light);
    --color-bronze-dark: var(--color-accent-dark);
    --color-bronze-glow: var(--color-primary-glow);
    --color-black: #2C2C2C;
    --color-dark: var(--color-bg-dark);
    --color-dark-gray: #3D4A28;
    --color-gray: var(--color-text-muted);
    --color-light-gray: var(--color-text-light);
    --color-white: #FFFFFF;
    --color-off-white: var(--color-bg);

    /* Status */
    --color-success: #4A7C3A;
    --color-error: #B53629;
    --color-warning: #C5962A;

    /* Fonts */
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Montserrat', sans-serif;
    --font-accent: 'Inter', sans-serif;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 8rem;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease-out;
    --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Layout */
    --max-width: 1200px;
    --navbar-height: 80px;

    /* Shadows - softer for light theme */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-bronze: 0 4px 20px rgba(74, 90, 43, 0.15);

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
}