/* ── RESET & VARIABLES ── */
*{margin:0;padding:0;box-sizing:border-box}
:root{--teal:#2CC9CE;--teal-dark:#1EA5A9;--teal-deep:#0E6B6E;--teal-glow:rgba(44,201,206,.35)}
[data-theme="dark"]{
  --bg:#071518;--bg2:#0D2229;--bg3:#102830;
  --text:#fff;--text2:rgba(255,255,255,.6);--text3:rgba(255,255,255,.35);
  --nav-bg:rgba(7,21,24,.92);--nav-border:rgba(44,201,206,.14);
  --card:#0D2229;--border:rgba(44,201,206,.18);
  --s1:#071518;--s2:#0D2229;--sw:#0D2229;
  --pill-bg:rgba(255,255,255,.06);--pill-b:rgba(255,255,255,.12);
  --ico:rgba(255,255,255,.5);--fq-b:#1a3540;
}
[data-theme="light"]{
  --bg:#EEF4F5;--bg2:#F7FAFA;--bg3:#fff;
  --text:#071518;--text2:#5a7d84;--text3:#8a9da0;
  --nav-bg:rgba(255,255,255,.96);--nav-border:rgba(44,201,206,.2);
  --card:#fff;--border:rgba(44,201,206,.18);
  --s1:#EEF4F5;--s2:#F7FAFA;--sw:#fff;
  --pill-bg:rgba(0,0,0,.05);--pill-b:rgba(0,0,0,.1);
  --ico:#5a7d84;--fq-b:#e8f0f1;
}
html{scroll-behavior:smooth}

/* ── CUSTOM SCROLLBAR ── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#040D10}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--teal),var(--teal-deep));border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3dd8dd,var(--teal-dark))}
/* Firefox */
*{scrollbar-width:thin;scrollbar-color:var(--teal) #040D10}

body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .4s ease,color .4s ease}