/* =========================================================
   DESIGN TOKENS
   ========================================================= */
:root{
  --bg:#050505;--bg2:#090909;
  --surface:#0E0E0E;--surface2:#151515;--surface3:#1D1D1D;
  --line:rgba(212,175,55,.15);--line2:rgba(212,175,55,.26);
  --text:#F1EDE4;--text-muted:#B8B1A1;--text-dim:#8A8373;
  --gold:#D4AF37;--gold-light:#EED79A;--gold-dark:#8B6A1E;
  --accent:#E9C46A;--accent-dim:rgba(233,196,106,.12);
  --red:#E05252;--green:#5DCAA5;--blue:#4A9EFF;
  --radius:14px;--radius-sm:10px;
  --gold-grad:linear-gradient(180deg,#FFFFFF 0%,#F8E28A 40%,#D4AF37 72%,#9C7A24 100%);
  --shadow:0 1px 0 rgba(245,222,138,.06) inset,0 14px 36px -14px rgba(0,0,0,.9);
  --font-display:'Barlow Condensed','Inter',sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  /* aliases usados pelo JS (estilos inline) */
  --border:var(--line);--border-gold:rgba(212,175,55,.32);
  --gold-dim:var(--gold-dark);--teal:var(--accent);
  --sidebar-w:248px;
  /* superfícies e tons que mudam com o tema */
  --c0:#101010;--c1:#181818;--gold-deep:#171308;--crest-a:#3a3016;--crest-b:#1a1508;
  --sunk:rgba(0,0,0,.35);--tint:rgba(255,255,255,.03);--tint2:rgba(255,255,255,.08);
  --sidebar-bg:rgba(10,10,10,.95);--bar-bg:rgba(6,6,6,.85);--login-bg:rgba(5,5,5,.97);
  --danger-text:#ff8597;
  --lane-top:#8EC3FF;--lane-jungle:#6FE6C0;--lane-mid:#F79AC8;--lane-adc:#F6C878;--lane-support:#C0B4FF;
  --t-iron:#b8b8b8;--t-bronze:#d9a06a;--t-silver:#e7edf2;--t-gold:#ffd873;--t-platinum:#8de6d2;--t-esmeralda:#5fe89a;--t-diamond:#9fd8ff;--t-master:#cf9bff;--t-grandmaster:#ff6b6b;--t-challenger:#ffe89a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1000px 520px at 75% -12%,rgba(212,175,55,.10),transparent 62%),
    radial-gradient(700px 480px at 0% 100%,rgba(212,175,55,.05),transparent 60%),
    linear-gradient(var(--bg),var(--bg2));}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(212,175,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.035) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%)}
/* títulos com gradiente dourado */
.section-head h2,.draft-done-title,.logo,.statusbar-name{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold-light)}
::selection{background:rgba(233,196,106,.3)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px;border:2px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}