:root {
    /* Primary Brand Colors (From original site) */
    --primary-color: #2C5F2D;
    --primary-light: #97A97C;
    --primary-dark: #1B3A1C;
    --accent-color: #8FBC8F;
    
    /* Gradient */
    --gradient-primary: linear-gradient(135deg, #2C5F2D 0%, #4A8B4C 50%, #2C5F2D 100%);
    --gradient-primary-hover: linear-gradient(135deg, #1B3A1C 0%, #2C5F2D 50%, #1B3A1C 100%);
    
    /* UI Colors */
    --bg-body: #FAFAFA;
    --bg-card: #FFFFFF;
    --bg-input: #F0F2F0;
    
    /* Text Colors */
    --text-main: #2C3E50;
    --text-secondary: #7F8C8D;
    --text-white: #FFFFFF;
    
    /* Functional Colors */
    --success: #27AE60;
    --warning: #F39C12;
    --danger: #E74C3C;

    /* Spacing & Layout */
    --container-width: 1600px;
    --header-height: 80px;
    --subheader-height: 50px;
    --total-header-height: calc(var(--header-height) + var(--subheader-height));
    --border-radius: 16px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.08);
    --shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}