:root {
    /* Colors */
    --primary-color: #8a9a5b; /* Sage Primary */
    --primary-light: #b2bc8c; /* Sage Light */
    --primary-dark: #6b7c41; /* Sage Dark */
    --primary-glow: rgba(138, 154, 91, 0.2);
    --brand-forest: #065f46;
    
    --bg-color: #f1f5f9; /* Slate 100 */
    --card-bg: #ffffff;
    --text-color: #0f172a; /* Dark Slate */
    --text-muted: #64748b; /* Slate 500 */
    
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --success-color: #22c55e;
    
    /* Layout */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.9);
    --card-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    
    /* Typography */
    --font-family: 'Outfit', sans-serif;
    
    /* Components */
    --btn-radius: 12px;
}