/* ==============================
   Variables & Base
============================== */
:root{
  --bg:#060a07;
  --panel:#0b120d;
  --panel-2:#0e1711;
  --grid:#0f1a13;
  --text:#d7ffe6;
  --muted:#78c9a0;
  --neon:#00ff88;
  --neon-weak:#00ff8844;
  --neon-weak2:#00ff8826;
  --border:#123a28;
  --border-strong:#1f6f4b;
  --accent:#12d179;
  --danger:#ff5a5a;
}
*{ box-sizing:border-box; }
html,body{
  margin:0; padding:0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 10% -10%, #0b1f1633, transparent),
    radial-gradient(900px 500px at 90% 0%, #0b1f1626, transparent),
    var(--bg);
}
a{ color:var(--text); text-decoration:none; }
a[aria-disabled="true"]{ opacity:.5; pointer-events:none; }
.container{ width:min(1080px,92%); margin:0 auto; }

/* Utilities */
.text-center{text-align:center}
.mt-1{margin-top:.5rem} .mt-2{margin-top:1rem} .mt-3{margin-top:1.5rem}
.mb-1{margin-bottom:.5rem} .mb-2{margin-bottom:1rem} .mb-3{margin-bottom:1.5rem}

/* RTL helpers (Arabic) */
.rtl .menu a{ direction:rtl; }
.rtl .chips{ direction:rtl; }
.rtl p, .rtl h1, .rtl h2{ text-align:start; }

/* Light Theme (variables only) */
:root[data-theme="light"]{
  --bg:#f6fbf8; --panel:#ffffff; --panel-2:#f3f8f6; --grid:#ecf3ef;
  --text:#0b1a14; --muted:#2b6b4f; --neon:#098457;
  --neon-weak:#09845744; --neon-weak2:#09845726;
  --border:#b8d7c8; --border-strong:#6bb193; --accent:#0e9b67;
}