:root[data-theme="dark"] {
  --bg: #0a0a0f;
  --bg2: #111118;
  --bg3: #16161f;
  --bg4: #1e1e2a;
  --text: #f0f0f8;
  --text2: #9999b8;
  --text3: #5a5a7a;
  --accent: #c8a96e;
  --accent2: #e8c98e;
  --accent-bg: rgba(200,169,110,0.08);
  --accent-border: rgba(200,169,110,0.2);
  --border: rgba(255,255,255,0.06);
  --border2: rgba(255,255,255,0.12);
  --card: #13131c;
  --card2: #1a1a26;
  --shadow: rgba(0,0,0,0.6);
  --white: #ffffff;
  --nav-bg: rgba(10,10,15,0.85);
}
:root[data-theme="light"] {
  --bg: #fafaf8;
  --bg2: #f4f4f0;
  --bg3: #eeede8;
  --bg4: #e8e7e0;
  --text: #1a1a24;
  --text2: #55556a;
  --text3: #9999aa;
  --accent: #a07840;
  --accent2: #c09050;
  --accent-bg: rgba(160,120,64,0.06);
  --accent-border: rgba(160,120,64,0.2);
  --border: rgba(0,0,0,0.07);
  --border2: rgba(0,0,0,0.12);
  --card: #ffffff;
  --card2: #f8f8f4;
  --shadow: rgba(0,0,0,0.1);
  --white: #ffffff;
  --nav-bg: rgba(250,250,248,0.88);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }