/* ═══════════════════════════════════════════════════════
   LOKALSI — Design Tokens
   Motywy: natural (default) | sand | blueprint | ocean | emerald | noir | japanese_ink
           | forest | pastel_dream | terracotta | copper_patina | neon_cyberpunk
   ═══════════════════════════════════════════════════════ */

:root {
    --bg:         #FFFFFF;
    --bg-2:       #F8F9FA;
    --bg-3:       #F1F3F5;
    --bg-glass:   rgba(255,255,255,.88);
    --fg:         #1A1F2E;
    --fg-2:       #475569;
    /* META-AUDYT WCAG 1.4.3: #94A3B8 na białym = 2.56:1 (FAIL) → #64748B = 4.76:1 (PASS AA) */
    --fg-3:       #64748B;
    --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:       #6E5F49;
    --accent:     #9A4415;
    --accent-h:   #7E3810;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(154,68,21,.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;
    /* META-AUDYT WCAG 1.4.3: #64748B na #0F1C2E = 3.60:1 (FAIL) → #8492A6 = 5.42:1 (PASS AA) */
    --fg-3:       #8492A6;
    --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;
}

/* ── Warianty maptoposter ── */
[data-theme="ocean"] {
    --bg:         #F0F8FA;
    --bg-2:       #E3F1F5;
    --bg-3:       #D2E7EE;
    --bg-glass:   rgba(240,248,250,.88);
    --fg:         #0E3A4A;
    --fg-2:       #2A6F8E;
    --fg-3:       #34707F;
    --accent:     #0E7C99;
    --accent-h:   #0A5F76;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(14,124,153,.12);
    --brd:        #CFE2EA;
    --brd-h:      #B3D0DC;
    --s1: 0 1px 3px rgba(14,58,74,.05), 0 1px 2px rgba(14,58,74,.07);
    --s2: 0 4px 14px rgba(14,58,74,.08), 0 1px 3px rgba(14,58,74,.06);
    --s3: 0 12px 40px rgba(14,58,74,.12), 0 2px 8px rgba(14,58,74,.05);
    --ok:   #16A34A;
    --warn: #D97706;
    --err:  #DC2626;
}

[data-theme="emerald"] {
    --bg:         #062C22;
    --bg-2:       #0B3A2D;
    --bg-3:       #114836;
    --bg-glass:   rgba(6,44,34,.90);
    --fg:         #E3F9F1;
    --fg-2:       #9ED9C5;
    --fg-3:       #6BAE99;
    --accent:     #4ADEB0;
    --accent-h:   #2DB88F;
    --accent-fg:  #06231B;
    --accent-mut: rgba(74,222,176,.14);
    --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:   #34D399;
    --warn: #FBBF24;
    --err:  #F87171;
}

[data-theme="noir"] {
    --bg:         #000000;
    --bg-2:       #0D0D0D;
    --bg-3:       #1A1A1A;
    --bg-glass:   rgba(0,0,0,.90);
    --fg:         #FFFFFF;
    --fg-2:       #B5B5B5;
    --fg-3:       #8C8C8C;
    --accent:     #FFFFFF;
    --accent-h:   #D4D4D4;
    --accent-fg:  #000000;
    --accent-mut: rgba(255,255,255,.16);
    --brd:        rgba(255,255,255,.14);
    --brd-h:      rgba(255,255,255,.26);
    --s1: 0 1px 3px rgba(0,0,0,.4),  0 1px 2px rgba(0,0,0,.5);
    --s2: 0 4px 14px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    --s3: 0 12px 40px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5);
    --ok:   #34D399;
    --warn: #FBBF24;
    --err:  #F87171;
}

[data-theme="japanese_ink"] {
    --bg:         #FAF8F5;
    --bg-2:       #F1EDE7;
    --bg-3:       #E7E1D8;
    --bg-glass:   rgba(250,248,245,.90);
    --fg:         #2C2C2C;
    --fg-2:       #5A5A5A;
    --fg-3:       #707070;
    --accent:     #8B2500;
    --accent-h:   #6E1D00;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(139,37,0,.10);
    --brd:        #E2DBD0;
    --brd-h:      #CDC3B5;
    --s1: 0 1px 3px rgba(44,40,34,.05), 0 1px 2px rgba(44,40,34,.07);
    --s2: 0 4px 14px rgba(44,40,34,.08), 0 1px 3px rgba(44,40,34,.06);
    --s3: 0 12px 40px rgba(44,40,34,.12), 0 2px 8px rgba(44,40,34,.05);
    --ok:   #16A34A;
    --warn: #B45309;
    --err:  #B91C1C;
}

[data-theme="forest"] {
    --bg:         #F0F4F0;
    --bg-2:       #E5EAE3;
    --bg-3:       #D7DFD3;
    --bg-glass:   rgba(240,244,240,.88);
    --fg:         #1E332A;
    --fg-2:       #3D6B55;
    --fg-3:       #406D55;
    --accent:     #2D4A3E;
    --accent-h:   #1E332A;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(45,74,62,.12);
    --brd:        #D5DFCF;
    --brd-h:      #BFCABA;
    --s1: 0 1px 3px rgba(30,51,42,.05), 0 1px 2px rgba(30,51,42,.07);
    --s2: 0 4px 14px rgba(30,51,42,.08), 0 1px 3px rgba(30,51,42,.06);
    --s3: 0 12px 40px rgba(30,51,42,.12), 0 2px 8px rgba(30,51,42,.05);
    --ok:   #16A34A;
    --warn: #D97706;
    --err:  #DC2626;
}

[data-theme="pastel_dream"] {
    --bg:         #FAF7F2;
    --bg-2:       #F1EDE7;
    --bg-3:       #E5DEDC;
    --bg-glass:   rgba(250,247,242,.88);
    --fg:         #3F3D4D;
    --fg-2:       #5D5A6D;
    --fg-3:       #6F6C7E;
    --accent:     #5D5A6D;
    --accent-h:   #45434F;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(93,90,109,.12);
    --brd:        #DDD8D2;
    --brd-h:      #C5BEB5;
    --s1: 0 1px 3px rgba(63,61,77,.05), 0 1px 2px rgba(63,61,77,.07);
    --s2: 0 4px 14px rgba(63,61,77,.08), 0 1px 3px rgba(63,61,77,.06);
    --s3: 0 12px 40px rgba(63,61,77,.12), 0 2px 8px rgba(63,61,77,.05);
    --ok:   #16A34A;
    --warn: #D97706;
    --err:  #DC2626;
}

[data-theme="terracotta"] {
    --bg:         #F5EDE4;
    --bg-2:       #EDE5DA;
    --bg-3:       #E3DACC;
    --bg-glass:   rgba(245,237,228,.88);
    --fg:         #4A220A;
    --fg-2:       #7A3D1F;
    --fg-3:       #8C5A30;
    --accent:     #A0522D;
    --accent-h:   #7A3D1F;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(160,82,45,.12);
    --brd:        #DDD3C5;
    --brd-h:      #C5B9A8;
    --s1: 0 1px 3px rgba(74,34,10,.05), 0 1px 2px rgba(74,34,10,.07);
    --s2: 0 4px 14px rgba(74,34,10,.08), 0 1px 3px rgba(74,34,10,.06);
    --s3: 0 12px 40px rgba(74,34,10,.12), 0 2px 8px rgba(74,34,10,.05);
    --ok:   #16A34A;
    --warn: #A0522D;
    --err:  #B91C1C;
}

[data-theme="copper_patina"] {
    --bg:         #E8F0F0;
    --bg-2:       #DCE6E6;
    --bg-3:       #CBD9D9;
    --bg-glass:   rgba(232,240,240,.88);
    --fg:         #163838;
    --fg-2:       #2A5A5A;
    --fg-3:       #3F6E6E;
    --accent:     #8C541F;
    --accent-h:   #6E3F17;
    --accent-fg:  #FFFFFF;
    --accent-mut: rgba(140,84,31,.12);
    --brd:        #CFDADA;
    --brd-h:      #B5C5C5;
    --s1: 0 1px 3px rgba(22,56,56,.05), 0 1px 2px rgba(22,56,56,.07);
    --s2: 0 4px 14px rgba(22,56,56,.08), 0 1px 3px rgba(22,56,56,.06);
    --s3: 0 12px 40px rgba(22,56,56,.12), 0 2px 8px rgba(22,56,56,.05);
    --ok:   #166534;
    --warn: #B45309;
    --err:  #DC2626;
}

[data-theme="neon_cyberpunk"] {
    --bg:         #0D0D1A;
    --bg-2:       #15152A;
    --bg-3:       #1E1E3F;
    --bg-glass:   rgba(13,13,26,.90);
    --fg:         #E0FFFF;
    --fg-2:       #9CD8E0;
    --fg-3:       #6FA6B0;
    --accent:     #00FFFF;
    --accent-h:   #00C8C8;
    --accent-fg:  #0D0D1A;
    --accent-mut: rgba(0,255,255,.16);
    --brd:        rgba(0,255,255,.14);
    --brd-h:      rgba(0,255,255,.28);
    --s1: 0 1px 3px rgba(0,0,0,.4),  0 1px 2px rgba(0,0,0,.5);
    --s2: 0 4px 14px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    --s3: 0 12px 40px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5);
    --ok:   #00FF80;
    --warn: #FFAA00;
    --err:  #FF3366;
}