:root {
  --on-accent: #041c20;
  --hero-highlight: #d6fffb;
  --surface-tone-1: #08151d;
  --surface-tone-2: rgba(7, 19, 28, 0.82);
  --surface-tone-3: rgba(13, 31, 42, 0.88);
  --surface-tone-4: rgba(16, 39, 51, 0.98);
  --surface-tone-5: rgba(10, 26, 36, 0.98);
  --surface-tone-6: rgba(7, 19, 28, 0.46);
  --surface-tone-7: rgba(13, 31, 42, 0.72);
  --surface-tone-8: #153241;
  --surface-tone-9: rgba(17, 52, 62, 0.97);
  --surface-tone-10: rgba(9, 26, 37, 0.88);
  --surface-tone-11: rgba(21, 31, 50, 0.92);
  --surface-tone-12: rgba(12, 31, 42, 0.6);
  --surface-tone-13: #07131c;
  --surface-tone-14: #142731;
  --surface-tone-15: #0a1821;
  --surface-tone-16: rgba(13, 31, 42, 0.7);
  --surface-tone-17: rgba(13, 31, 42, 0.77);
  --surface-tone-18: rgba(16, 39, 51, 0.92);
  --surface-tone-19: #0a1b25;
  --surface-tone-20: rgba(13, 31, 42, 0.62);
  --surface-tone-21: rgba(16, 39, 51, 0.9);
  --surface-tone-22: rgba(13, 31, 42, 0.42);
  --surface-tone-23: rgba(17, 48, 60, 0.94);
  --surface-tone-24: rgba(11, 29, 40, 0.93);
  --surface-tone-25: rgba(7, 19, 28, 0.3);
  --surface-tone-26: rgba(13, 31, 42, 0.76);
  --surface-tone-27: rgba(13, 31, 42, 0.68);
  --surface-tone-28: rgba(20, 54, 65, 0.96);
  --surface-tone-29: rgba(12, 28, 39, 0.95);
  --surface-tone-30: rgba(10, 26, 36, 0.91);
  --surface-tone-31: rgba(7, 19, 28, 0.48);
  --surface-tone-32: rgba(7, 19, 28, 0.45);
  --surface-tone-33: #0b1d27;
  --surface-tone-34: rgba(8, 23, 32, 0.74);
  --surface-tone-35: #081720;
  --surface-tone-36: #091821;
  --surface-tone-37: rgba(5, 14, 20, 0.9);
  --surface-tone-38: #0c202b;
  --surface-tone-39: rgba(5, 14, 20, 0.82);
  --surface-tone-40: #0d2631;
  --surface-tone-41: rgba(5, 14, 20, 0.78);
  --surface-tone-42: rgba(13, 31, 42, 0.67);
  --surface-tone-43: rgba(13, 31, 42, 0.8);
  --surface-tone-44: #102a35;
  --surface-tone-45: rgba(3, 11, 16, 0.66);
  --surface-tone-46: rgba(7, 19, 28, 0.98);
}

:root[data-theme="light"] {
  color-scheme: light;
  --ink: #18343d;
  --muted: #536e78;
  --soft: #395a65;
  --bg: #f1f7f6;
  --bg-raised: rgba(255,255,255,.94);
  --panel: #ffffff;
  --panel-2: #eaf3f2;
  --panel-3: #deedeb;
  --line: rgba(24,87,80,.17);
  --line-strong: rgba(24,87,80,.34);
  --miku: #137b73;
  --miku-bright: #09695f;
  --pink: #ad3265;
  --pink-soft: #a33060;
  --yellow: #846200;
  --danger: #b92d46;
  --shadow: 0 16px 45px rgba(30,65,65,.08);
  --on-accent: #ffffff;
  --hero-highlight: #176f69;
  --surface-tone-1: rgba(255,255,255,1);
  --surface-tone-2: rgba(255,255,255,0.82);
  --surface-tone-3: rgba(255,255,255,0.88);
  --surface-tone-4: rgba(255,255,255,0.98);
  --surface-tone-5: rgba(255,255,255,0.98);
  --surface-tone-6: rgba(255,255,255,0.46);
  --surface-tone-7: rgba(255,255,255,0.72);
  --surface-tone-8: rgba(255,255,255,1);
  --surface-tone-9: rgba(255,255,255,0.97);
  --surface-tone-10: rgba(255,255,255,0.88);
  --surface-tone-11: rgba(255,255,255,0.92);
  --surface-tone-12: rgba(255,255,255,0.6);
  --surface-tone-13: rgba(255,255,255,1);
  --surface-tone-14: rgba(255,255,255,1);
  --surface-tone-15: rgba(255,255,255,1);
  --surface-tone-16: rgba(255,255,255,0.7);
  --surface-tone-17: rgba(255,255,255,0.77);
  --surface-tone-18: rgba(255,255,255,0.92);
  --surface-tone-19: rgba(255,255,255,1);
  --surface-tone-20: rgba(255,255,255,0.62);
  --surface-tone-21: rgba(255,255,255,0.9);
  --surface-tone-22: rgba(255,255,255,0.42);
  --surface-tone-23: rgba(255,255,255,0.94);
  --surface-tone-24: rgba(255,255,255,0.93);
  --surface-tone-25: rgba(255,255,255,0.3);
  --surface-tone-26: rgba(255,255,255,0.76);
  --surface-tone-27: rgba(255,255,255,0.68);
  --surface-tone-28: rgba(255,255,255,0.96);
  --surface-tone-29: rgba(255,255,255,0.95);
  --surface-tone-30: rgba(255,255,255,0.91);
  --surface-tone-31: rgba(255,255,255,0.48);
  --surface-tone-32: rgba(255,255,255,0.45);
  --surface-tone-33: rgba(255,255,255,1);
  --surface-tone-34: rgba(255,255,255,0.74);
  --surface-tone-35: rgba(255,255,255,1);
  --surface-tone-36: rgba(255,255,255,1);
  --surface-tone-37: rgba(255,255,255,0.9);
  --surface-tone-38: rgba(255,255,255,1);
  --surface-tone-39: rgba(255,255,255,0.82);
  --surface-tone-40: rgba(255,255,255,1);
  --surface-tone-41: rgba(255,255,255,0.78);
  --surface-tone-42: rgba(255,255,255,0.67);
  --surface-tone-43: rgba(255,255,255,0.8);
  --surface-tone-44: rgba(255,255,255,1);
  --surface-tone-45: rgba(255,255,255,0.66);
  --surface-tone-46: rgba(255,255,255,0.98);
}
[data-theme="light"] .ambient { opacity: .2; }
[data-theme="light"] .hero, [data-theme="light"] .detail-hero { background: linear-gradient(120deg,#e0f3ef,#fff6fa); }
[data-theme="light"] ::-webkit-scrollbar-thumb { background:#9dbdb7; border-color:#eaf3f2; }