/* ============================================================
   Life OS — Design Tokens (Frontend Spec §3 + §109)
   Light / Dark palettes — منبع واحد رنگ‌ها و مقادیر
   ============================================================ */

:root {
    /* --- Colors: Light (Frontend Spec §3) --- */
    --color-primary:        #2563EB;
    --color-primary-dark:   #1E3A8A;
    --color-primary-light:  #DBEAFE;
    --color-background:     #F5F7FA;
    --color-surface:        #FFFFFF;
    --color-border:         #E2E8F0;
    --color-text:           #0F172A;
    --color-muted:          #64748B;

    --color-success:        #16A34A;
    --color-success-bg:     #F0FDF4;
    --color-warning:        #D97706;
    --color-warning-bg:     #FFFBEB;
    --color-danger:         #DC2626;
    --color-danger-bg:      #FEF2F2;

    /* --- Radius --- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    /* --- Spacing Scale --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* --- Shadows (ظریف — Frontend Spec §2) --- */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, .08);

    /* --- Transition (Frontend Spec §74: 150-250ms) --- */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}

/* --- Colors: Dark (Frontend Spec §3) --- */
[data-theme="dark"] {
    --color-primary:        #60A5FA;
    --color-primary-dark:   #1D4ED8;
    --color-primary-light:  #1E293B;
    --color-background:     #07111F;
    --color-surface:        #0D1B2E;
    --color-border:         #1E334D;
    --color-text:           #E5EEF9;
    --color-muted:          #94A3B8;

    --color-success:        #4ADE80;
    --color-success-bg:     #052E16;
    --color-warning:        #FBBF24;
    --color-warning-bg:     #451A03;
    --color-danger:         #F87171;
    --color-danger-bg:      #450A0A;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, .45);
}