:root {
    /* Color Palette - Green/Cyan/Orange Theme */
    --primary-green: #0d7c66;
    --dark-green: #064e3b;
    --light-green: #10b981;
    --cyan: #06b6d4;
    --orange: #f97316;
    --white: #ffffff;
    --text-dark: #1e293b;
    --text-light: #64748b;
    
    /* Mapped Semantic Variables */
    --primary-blue: var(--primary-green);
    --primary-blue-dark: var(--dark-green);
    --primary-blue-light: var(--light-green);
    --accent-orange: var(--orange);
    --accent-orange-dark: #ea580c;
    --accent-orange-light: #fb923c;
    --light-bg: #f8fafc;
    --sidebar-bg: var(--dark-green);
    --border-color: #e2e8f0;
    
    /* Status Colors */
    --success: var(--light-green);
    --warning: var(--orange);
    --danger: #ef4444;
    --info: var(--cyan);
    
    /* Text Colors */
    --text-muted: var(--text-light);
    
    /* UI Elements */
    --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Shared Utility Classes */
.text-primary-custom { color: var(--primary-green) !important; }
.text-orange { color: var(--orange) !important; }
.bg-primary-gradient { background: linear-gradient(135deg, var(--primary-green) 0%, var(--dark-green) 100%); }
.bg-orange-gradient { background: linear-gradient(135deg, var(--orange) 0%, var(--accent-orange-dark) 100%); }

.btn-primary-custom {
    background: linear-gradient(135deg, var(--orange) 0%, var(--accent-orange-dark) 100%);
    border: none;
    color: #fff;
    font-weight: 600;
}
.btn-primary-custom:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}