/* backend/static/css/base/variables.css */

:root,
[data-theme="light"] {
    /* --- Font & Spacing Tokens --- */
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --spacing-xs: 0.25rem;
    --spacing-s: 0.5rem;
    --spacing-m: 1rem;
    --spacing-l: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;

    /* --- "Serene Nature" Palette (Light) --- */
    --color-primary: #4a7049;       /* Sage Green */
    --color-primary-dark: #324e31;
    --color-secondary: #e9c46a;     /* Warm Sand/Gold */
    --color-secondary-rgb: 233, 196, 106;

    /* --- Neutral Surfaces --- */
    --color-background: #fcfbf9;    /* Creamy Off-White */
    --color-surface: #ffffff;       /* Pure White Cards */
    --color-text: #1a262b;          /* Dark Charcoal */
    --color-text-muted: #5c7062;    /* Muted Sage */
    --color-border: #d1d6d3;        /* Soft Grey */
    
    /* --- Functional Colors --- */
    --color-success: #4a7049;          
    --color-danger: #b3393b; 
    --color-error: #b3393b;          
    --color-warning: #e78c3b;
    
    /* --- RGB Values (For semi-transparent overlays) --- */
    --color-primary-rgb: 74, 112, 73;
    --color-surface-rgb: 255, 255, 255;
    --color-background-rgb: 252, 251, 249; /* Added */
    --color-border-rgb: 209, 214, 211;
    --color-text-rgb: 26, 38, 43;
    --color-error-rgb: 179, 57, 59;

    /* --- Category Colors --- */
    --color-category-mental: #4facfe;
    --color-category-physical: #ff9a9e;
    --color-category-social: #a18cd1;
    --color-category-emotional: #667eea;
    --color-category-spiritual: #43e97b;

    /* --- Global Shadows --- */
    --shadow-sm: 0 1px 3px rgba(74, 112, 73, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(74, 112, 73, 0.1), 0 2px 4px -1px rgba(74, 112, 73, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(74, 112, 73, 0.1), 0 4px 6px -2px rgba(74, 112, 73, 0.05);
}

[data-theme="dark"] {
    /* --- "Deep Calm" Palette (Dark Mode Overrides) --- */
    --color-background: #151b1e;    /* Deep Forest/Slate */
    --color-surface: #20282d;       /* Dark Grey Surface */
    
    --color-primary: #9dbca1;       /* Lighter Fern Green */
    --color-primary-dark: #6e9473;
    
    --color-text: #f0f2f4;          /* Soft White */
    --color-text-muted: #b0c4b6;    /* Soft Sage */
    
    --color-border: rgba(255, 255, 255, 0.12);
    
    --color-success: #9dbca1;
    --color-danger: #e76f51;
    --color-error: #ff9b85;

    --color-primary-rgb: 157, 188, 161;
    --color-surface-rgb: 32, 40, 45;
    --color-background-rgb: 21, 27, 30; /* Added */
    --color-border-rgb: 255, 255, 255;  /* White border base for opacity */
    
    /* Category Colors - Slightly lighter for dark mode */
    --color-category-mental: #6db3ff;
    --color-category-physical: #ffb1b5;
    --color-category-social: #b5a2e0;
    --color-category-emotional: #8296f0;
    --color-category-spiritual: #6af096;
}