/* public/css/tokens.css */
:root {
    /* Colors - Visual Refresh Palette */
    /* Primary palette from user image */
    --ct-background: #F7FCF5; /* Lightest Mint */
    --ct-surface: #ffffff;
    --ct-primary: #238B45;    /* Professional Green (Medium-Dark) */
    --ct-primary-light: #41AB5D;
    --ct-secondary: #00441B;  /* Deep Forest Green (Sidebar) */
    --ct-success: #238B45;
    --ct-info: #74C476;
    --ct-warning: #A1D99B;
    --ct-danger: #ff5b5c;     /* Keep danger as red for clarity */
    --ct-text-main: #00441B;  /* Very Deep Green for headers */
    --ct-text-muted: #475569; /* Slate/Gray for subtext readability */
    --ct-border: #dfe3e7;
    
    /* Gradients */
    --ct-gradient-primary: linear-gradient(135deg, #007a5e 0%, #009673 100%);
    --ct-gradient-surface: linear-gradient(135deg, #ffffff 0%, #f2f2f6 100%);
    --ct-gradient-bg: radial-gradient(at 0% 0%, rgba(90, 141, 238, 0.05) 0px, transparent 50%),
                      radial-gradient(at 100% 100%, rgba(105, 128, 154, 0.05) 0px, transparent 50%);

    /* Typography - Professional Scale */
    --ct-font-sans: 'IBM Plex Sans', sans-serif;
    --ct-font-display: 'Rubik', sans-serif;
    --ct-text-xs: 0.72rem;
    --ct-text-sm: 0.82rem;
    --ct-text-base: 0.92rem;
    --ct-text-lg: 1.1rem;
    --ct-text-xl: 1.25rem;
    --ct-text-2xl: 1.5rem;
    --ct-text-3xl: 1.85rem;
    --ct-text-4xl: 2.25rem;

    /* Theme Text Colors */
    --ct-text-main: #1a202c;
    --ct-text-muted: #64748b;
    --ct-text-light: #94a3b8;

    /* Spacing & Radius */
    --ct-radius-xl: 10px;
    --ct-radius-lg: 6px;
    --ct-radius-full: 9999px;

    /* Shadows - Soft & Subtle */
    --ct-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    --ct-shadow-soft: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
    --ct-shadow-hover: 0 8px 18px -4px rgba(0, 0, 0, 0.06);
    --ct-shadow-btn: 0 2px 6px 0 rgba(90, 141, 238, 0.2);
    
    /* Transitions */
    --ct-transition: all 0.15s ease-in-out;
}