/* ============ TOKENS — emerald + amber palette ============ */
/* emerald = explicit alias so [data-theme="emerald"] works */
[data-theme="emerald"], :root{
  --primary:#0f5132; --primary-light:#157347; --accent:#d97706; --accent-2:#f59e0b;
  --bg:#faf9f6; --surface:#ffffff; --surface-2:#f5f4ef;
  --text:#1c1917; --muted:#78716c; --subtle:#a8a29e;
  --border:#e7e5e4; --border-soft:#efedea;
  --green:#15803d; --green-soft:#dcfce7;
  --red:#b91c1c; --red-soft:#fee2e2;
  --yellow:#ca8a04; --yellow-soft:#fef9c3;
  --shadow-sm:0 1px 2px rgba(28,25,23,.04), 0 1px 3px rgba(28,25,23,.06);
  --shadow-md:0 4px 10px rgba(28,25,23,.06), 0 2px 4px rgba(28,25,23,.04);
  --shadow-lg:0 12px 32px rgba(28,25,23,.10), 0 4px 8px rgba(28,25,23,.06);
  --radius-sm:6px; --radius:10px; --radius-lg:14px;
  --sidebar-bg:#1c2826; --sidebar-text:#9ca8a3; --sidebar-text-active:#ffffff;
  --sidebar-active-bg:rgba(217,119,6,.18); --sidebar-hover-bg:rgba(255,255,255,.04);
  --sidebar-accent:#d97706; --sidebar-glow:#fbbf24; --sidebar-glow-shadow:rgba(251,191,36,.7);
}
[data-theme="dark"]{
  --primary:#5eead4; --primary-light:#86efac; --accent:#fbbf24; --accent-2:#fcd34d;
  --bg:#0c0e0d; --surface:#15191a; --surface-2:#1a1d1e;
  --text:#f5f5f4; --muted:#a8a29e; --subtle:#78716c;
  --border:#27272a; --border-soft:#1f2122;
  --green:#4ade80; --green-soft:#0a2417;
  --red:#f87171; --red-soft:#2a0e0c;
  --yellow:#fbbf24; --yellow-soft:#2a1f08;
  --shadow-sm:0 1px 2px rgba(0,0,0,.30);
  --shadow-md:0 4px 12px rgba(0,0,0,.35);
  --shadow-lg:0 14px 36px rgba(0,0,0,.45);
  --sidebar-bg:#0a0c0b; --sidebar-text:#8a948f; --sidebar-text-active:#fbbf24;
  --sidebar-active-bg:rgba(251,191,36,.10); --sidebar-hover-bg:rgba(255,255,255,.03);
  --sidebar-accent:#fbbf24; --sidebar-glow:#fbbf24; --sidebar-glow-shadow:rgba(251,191,36,.7);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;
     background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;
     -webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
::selection{background:var(--accent);color:#fff}
a{color:var(--accent)}
a:hover{color:var(--accent-2)}
code{background:var(--surface-2);padding:2px 6px;border-radius:3px;font-size:12px;
     font-family:"SF Mono",Menlo,monospace;border:1px solid var(--border-soft);color:var(--primary)}

body[data-lang="sk"] [data-lang-en]{display:none}
body[data-lang="en"] [data-lang-sk]{display:none}