:root { --bg: #15191d; --surface: #1d2329; --surface2: #293139; --ink: #eff3f5; --muted: #a8b4be; --line: #3b4752; --lime: #c8d4de; --amber: #e6c58e; }
body::before { background: radial-gradient(ellipse at 80% 0%, #8195a52b, transparent 42%), repeating-linear-gradient(90deg, transparent 0 71px, #ffffff04 72px); }
.topbar { background: #15191def; }
.topbar-label { color: #84919c; }
.primary { color: #1b252d; }
.primary:hover { background: #e5edf3; }
.secondary { background: #303a43; border-color: #4b5965; }
.sidebar { background: #1a2026ad; }
.sidebar-heading, .nav-section { color: #94a1ad; }
.nav-item { color: #c0cbd3; }
.nav-item:hover, .nav-item.active { background: #c8d4de15; border-color: #c8d4de38; }
.nav-item b { background: #303b45; }
.using { background: #c8d4de; }
.archived { background: #89939d; }
.hero { border-color: #4c5964; background: linear-gradient(130deg, #303b45, #222b33 65%, #35414b); }
.hero-description { color: #c0ccd5; }
.hero-caption, .card-meta { color: #9caab5; }
.hero-news { border-color: #899aa950; background: radial-gradient(circle at 90% 5%, #8296a740, transparent 45%), repeating-linear-gradient(90deg, transparent 0 39px, #dae4eb07 40px), #1b242b; }
.hero-news::before { border-color: #c8d4de2c; }
.news-top, .news-sources { color: #a7b6c2; }
.news-live-dot { box-shadow: 0 0 12px #c8d4de99; }
.news-source { color: #aab9c5; }
.news-source-mark { border-color: #8295a3; }
.news-date, .news-updated { color: #a0adb7; }
.news-bottom { border-color: #c8d4de24; }
.news-controls button { border-color: #52616d; background: #2b3740; }
.news-controls #news-pause { color: #c0cbd3; }
.news-sources a { color: #d9e3ea; }
.category-tab:hover, .category-tab.active { background: #c8d4de10; border-color: #c8d4de30; }
.card:hover { border-color: #8da0af; }
.card-art { border-color: #50616e; background: radial-gradient(circle at 50% 42%, #a8becd25, transparent 55%), repeating-linear-gradient(90deg, transparent 0 26px, #c8d4de0a 27px), #27323a; }
.card-art::after { color: #a3b2bd; }
.card-type { background: #c8d4de; color: #1c2932; }
.card-action { border-color: #4b5965; background: #2b363e; color: #dce5eb; }
.card-action.saved { border-color: #8fa3b2; }
.empty-state { border-color: #52616d; }
.about { background: radial-gradient(circle at 100% 0, #8296a720, transparent 40%), var(--surface); }
.about-intro { color: #c7d2da; }
.about-grid article { background: #1b242b; }
dialog { border-color: #546572; background: #202a32; }
.details-logo { background: #2d3a44; }
form input, form select, form textarea { background: #192229; }
.toast { border-color: #8da0af; background: #2b3740; }