/* ═══════════════════════════════════════════════════════
   LOKALSI — Design Tokens
   Trzy tematy: natural (default) | sand | blueprint
   ═══════════════════════════════════════════════════════ */

:root {
    --bg:         #FFFFFF;
    --bg-2:       #F8F9FA;
    --bg-3:       #F1F3F5;
    --bg-glass:   rgba(255,255,255,.88);
    --fg:         #1A1F2E;
    --fg-2:       #475569;
    --fg-3:       #94A3B8;
    --accent:     #2A7D4F;
    --accent-h:   #1F6040;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(42,125,79,.12);
    --brd:        #E2E8F0;
    --brd-h:      #CBD5E1;
    --s1: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);
    --s2: 0 4px 14px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05);
    --s3: 0 12px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.04);
    --ok:   #16A34A;
    --warn: #D97706;
    --err:  #DC2626;
    --pop-bg:  var(--bg);
    --pop-fg:  var(--fg);
    --pop-fg2: var(--fg-2);
    --pop-brd: var(--brd);
    --r:    14px;
    --rs:   10px;
    --rx:   6px;
    --ff:   'DM Sans', system-ui, -apple-system, sans-serif;
    --fm:   'JetBrains Mono', 'SF Mono', monospace;
    --ease: 0.2s cubic-bezier(.4,0,.2,1);
    --pw:   326px;
    --tb-h: 52px;
}

[data-theme="sand"] {
    --bg:         #FAF7F2;
    --bg-2:       #F2EDE4;
    --bg-3:       #E8E0D4;
    --bg-glass:   rgba(250,247,242,.88);
    --fg:         #2C2416;
    --fg-2:       #6B5A42;
    --fg-3:       #9C8B75;
    --accent:     #B5541A;
    --accent-h:   #9A4415;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(181,84,26,.12);
    --brd:        #DDD5C8;
    --brd-h:      #C8BDB0;
    --s1: 0 1px 3px rgba(44,36,22,.05), 0 1px 2px rgba(44,36,22,.07);
    --s2: 0 4px 14px rgba(44,36,22,.08), 0 1px 3px rgba(44,36,22,.06);
    --s3: 0 12px 40px rgba(44,36,22,.12), 0 2px 8px rgba(44,36,22,.05);
    --ok:   #16A34A;
    --warn: #D97706;
    --err:  #DC2626;
}

[data-theme="blueprint"] {
    --bg:         #0F1C2E;
    --bg-2:       #162338;
    --bg-3:       #1D2D45;
    --bg-glass:   rgba(15,28,46,.88);
    --fg:         #E2E8F0;
    --fg-2:       #94A3B8;
    --fg-3:       #64748B;
    --accent:     #3B82F6;
    --accent-h:   #2563EB;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(59,130,246,.12);
    --brd:        rgba(255,255,255,.08);
    --brd-h:      rgba(255,255,255,.16);
    --s1: 0 1px 3px rgba(0,0,0,.2),  0 1px 2px rgba(0,0,0,.3);
    --s2: 0 4px 14px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);
    --s3: 0 12px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);
    --ok:   #10B981;
    --warn: #F59E0B;
    --err:  #F87171;
}