/* Themes: dark / reading */
html[data-theme="dark"] {
  --color-bg:#0f141b;
  --color-bg-alt:#18212b;
  --color-layer:rgba(24,33,43,0.75);
  --color-text:#e6edf3;
  --color-muted:#94a6b9;
  --color-border:#273341;
  --gradient-hero:linear-gradient(135deg,#2d3d73,#422d67);
  --shadow-sm:0 2px 6px -2px rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.5);
  --shadow-md:0 8px 28px -6px rgba(0,0,0,.8);
  --shadow-focus:0 0 0 3px rgba(118,75,162,.5);
  --color-accent-soft:#233650;
}

html[data-theme="reading"] {
  --color-bg:#faf7f1;
  --color-bg-alt:#ffffff;
  --color-layer:rgba(255,255,255,0.85);
  --color-text:#2b2b2b;
  --color-muted:#6a6154;
  --color-border:#e4dacd;
  --color-primary:#ba6236;
  --color-primary-accent:#935829;
  --gradient-hero:linear-gradient(135deg,#f0e4d4,#e5d4bd);
  --color-accent-soft:#f3ede5;
  --shadow-sm:0 2px 6px -2px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);
  --shadow-md:0 6px 22px -6px rgba(0,0,0,.18);
  --shadow-focus:0 0 0 3px rgba(186,98,54,.4);
}

html[data-theme="dark"] .friend-links li a { background:rgba(255,255,255,.06); }
html[data-theme="dark"] .friend-links li a:hover { background:rgba(255,255,255,.1); }
html[data-theme="dark"] .friend-inline a { background:#1f2b36; border-color:#2a3946; }
html[data-theme="dark"] .friend-inline a:hover { background:#263646; }

html[data-theme="reading"] .subject-card { border:1px solid var(--color-border); box-shadow:none; }
html[data-theme="reading"] .btn { box-shadow:none; }
html[data-theme="reading"] .glass { backdrop-filter: blur(8px); }