:root {
    --forest: #135a47;
    --forest-deep: #0e4235;
    --ink-green: #091c18;
    --ink: #040707;
    --gold-deep: #8a5f22;
    --gold: #c58a2d;
    --gold-bright: #fbdc68;
    --cream: #e6cfb1;
    --sand: #faf7f1;

    --primary-color: var(--forest);
    --primary-dark: var(--forest-deep);
    --secondary-color: var(--gold-deep);
    --accent-color: var(--gold);
    --gold-strong: var(--gold-deep);
    --gold-decorative: var(--gold);
    --text-dark: #14201c;
    --text-muted: #5c6660;
    --text-light: #ffffff;
    --bg-light: var(--sand);
    --white: #ffffff;
    --border-subtle: rgba(19, 90, 71, 0.14);
    --gray-900: #101815;
    --gray-800: #1f2b26;
    --gray-600: #5c6660;
    --gray-100: #f1efe9;

    --nav-bg: var(--ink-green);
    --nav-surface: #10312a;
    --nav-text: var(--cream);
    --nav-text-strong: #ffffff;
    --nav-border: rgba(230, 207, 177, 0.16);
    --nav-hover-bg: rgba(230, 207, 177, 0.1);
    --footer-bg: var(--ink-green);
    --footer-text: #ffffff;

    --gradient: linear-gradient(135deg, var(--forest) 0%, var(--forest-deep) 100%);
    --gradient-gold: linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 100%);

      /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
    
    /* Z-index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    
    /* Breakpoints (for reference in media queries) */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    
    /* Container Max Widths */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1320px;

      /* Typography */
    --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-secondary: 'Roboto', sans-serif;
    
    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Font Sizes */
    --font-size-xs: 0.75rem;   /* 12px */
    --font-size-sm: 0.875rem;  /* 14px */
    --font-size-base: 1rem;    /* 16px */
    --font-size-lg: 1.125rem;  /* 18px */
    --font-size-xl: 1.25rem;   /* 20px */
    --font-size-2xl: 1.5rem;   /* 24px */
    --font-size-3xl: 1.875rem; /* 30px */
    --font-size-4xl: 2.25rem;  /* 36px */
    
    /* Spacing */
    --spacing-xs: 0.25rem;   /* 4px */
    --spacing-sm: 0.5rem;    /* 8px */
    --spacing-md: 1rem;      /* 16px */
    --spacing-lg: 1.5rem;    /* 24px */
    --spacing-xl: 2rem;      /* 32px */
    --spacing-2xl: 3rem;     /* 48px */
    --spacing-3xl: 4rem;     /* 64px */
    
    /* Border Radius */
    --border-radius-sm: 0.25rem;  /* 4px */
    --border-radius-md: 0.375rem; /* 6px */
    --border-radius-lg: 0.5rem;   /* 8px */
    --border-radius-xl: 0.75rem;  /* 12px */
    --border-radius-full: 9999px;
}