:root{color-scheme:light;--page:#f6f7fb;--surface:#fff;--ink:#272b3e;--muted:#6b7286;--purple:#7745bd;--line:#e6e8f0;--tint:#f0eafb}
body{background:var(--page);color:var(--ink)}
.header{background:var(--surface);border-color:var(--line)}
.accent,h1 span,.eyebrow,.hero-notes b{color:var(--purple)}
.brand small,.header nav,.hero p,.section-caption,.side-title,.hero-notes{color:var(--muted)}
.header nav a.active{color:var(--purple)}
.header nav a.active:after{background:var(--purple)}
.header nav span,.copy-icon{color:#8a829b}
.server-copy{background:#f6f4fb;color:#514762;border-color:#e8e1f1}
.status-dot{background:#409764;box-shadow:0 0 8px #40976422}
.eyebrow:before{background:#a483cc}
.hero-art{filter:drop-shadow(0 18px 24px #76619420)}
.mode-card{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 4px 14px #31344b04}
.mode-card.selected{background:linear-gradient(100deg,#f0e9fb,#fff);border-color:#b79bdc}
.mode-symbol{background:#f3f1f8;color:#88739c}
.mode-card.selected .mode-symbol{background:#e8dcf8;color:var(--purple)}
.mode-card small,.mode-meta{color:var(--muted)}
.mode-meta .status-dot{background:#9692a2}
.mode-card.selected:after{color:var(--purple)}
.pill{border-color:#e6e1ed;color:#797083;background:#faf8fd}
.category{color:#697084}
.category:hover{background:#eeedf5;color:#4e3b68}
.category.active{background:#eae0f8;color:#6737a1}
.category-icon{color:#888197}
.category.active .category-icon{color:var(--purple)}
.side-tip{background:linear-gradient(135deg,#f0eafa,#fff);border-color:#e7e0f1;color:var(--muted)}
.side-tip b{color:#57436d}
.side-tip a{color:var(--purple)}
.toolbar h2 small,.search-wrap:before{color:#838497}
.field,input,select,textarea{background:var(--surface);border-color:#dedfeb;color:#393348}
input::placeholder,textarea::placeholder{color:#8a8999}
input:focus,select:focus,textarea:focus{outline-color:#9367cf}
.periods{background:#ececf3;border-color:#e6e5ee}
.periods button{color:#797286}
.periods button.active{background:var(--surface);color:var(--purple);box-shadow:0 2px 6px #4030520d}
.product-card{background:var(--surface);border-color:#e5e4ee;box-shadow:0 5px 18px #29203904}
.product-card:hover{border-color:#b598dc;box-shadow:0 10px 24px #76559612}
.product-art{background:radial-gradient(ellipse at 50% 75%,#e6d8fa90,transparent 70%)}
.product-art:after{background:#7c5e9828}
.product-art svg{filter:drop-shadow(0 9px 9px #74529325)}
.product-card:nth-child(2) .product-art svg{filter:drop-shadow(0 9px 9px #74529325) sepia(.3)}
.card-tag,.card-mode{color:#8b8099}
.card-body p{color:#727487}
.card-bottom{border-color:#eeedf4}
.price{color:#2d2739}
.price small{color:#7f758b}
.buy{background:#f2ebfb;border-color:#ddcbed;color:#7547ad}
.buy:hover{background:#8050b8;color:#fff;border-color:#8050b8}
.currency-banner{background:linear-gradient(120deg,#eee3fc,#fff);border-color:#d9c5f0}
.currency-banner p{color:#7a688c}
.preset-row button{background:#ffffffb0;border-color:#d4c0e9;color:#704594}
.preset-row button:hover{background:#e9dcf8}
.benefits{background:var(--surface);border-color:var(--line)}
.benefit{border-color:var(--line)}
.benefit>span{color:#9671bd}
.benefit p{color:var(--muted)}
.footer{border-color:#e1e2ed;color:#7c7d90}
.footer .brand{color:#6a5b79}
.footer a:hover{color:var(--purple)}
.empty{background:var(--surface);border-color:var(--line);color:var(--muted)}
.empty h2{color:#45374f}
.empty .large-icon,.loading{color:#9a79bf}
dialog{background:var(--surface);color:var(--ink);border-color:#d6c7e8;box-shadow:0 30px 100px #32244233}
dialog::backdrop{background:#352b4b66}
.close-dialog{color:#7b688c}
.modal-intro{border-color:var(--line)}
.muted{color:var(--muted)}
.description{color:#6d627b}
label{color:#665a77}
.check-label a{color:var(--purple)}
.primary{background:#8050b8;border-color:#8050b8;color:#fff}
.primary:hover{background:#6b3b9f}
.form-error{color:#b52f4d}
.notice{background:#f5effc;border-color:#e2d4f0;color:#765c90}
.small-note{color:#8a7c98}
.page-intro p{color:#797086}
.rule-section{background:var(--surface);border-color:var(--line)}
.rule-id{color:#9464bd}
.rule-section p{color:#6b6079}
.penalty{background:#f7f1fc;border-color:#aa83cd;color:#7e549e}
.help-card{background:var(--surface);border-color:var(--line)}
.help-card b.step{color:#ac8acb}
.help-card p{color:#776b83}
.faq details{border-color:var(--line)}
.faq summary{color:#584366}
.faq p{color:#7e708a}
.order-card{background:var(--surface);border-color:#ddcceb}
.order-line{border-color:var(--line)}
.order-status{color:var(--purple)}
.order-card p{color:#7c6b89}
#toast{background:#fff;border-color:#d4bce8;color:#6b3c90;box-shadow:0 6px 30px #3e27552b}
.secondary{background:#f2edf8;border-color:#dfd3ec;color:#74548e}
.secondary:hover{background:#e8dcf5}
.admin-tabs{border-color:var(--line)}
.admin-tabs .active{background:#8050b8;color:#fff}
.stat{background:var(--surface);border-color:var(--line)}
.stat span{color:#88768f}
.table-wrap{border-color:var(--line)}
table{background:var(--surface)}
td,th{border-color:#edebf2}
th{color:#8a7a98;background:#faf8fd}
td{color:#655670}
.status-badge{background:#f0e5fb;color:#8053a2}
.status-badge.off{background:#f3f1f6;color:#8b8194}
.login-card{background:var(--surface);border-color:#deceec}
.variant-editor{background:#f9f7fc;border-color:#e7def0}
.danger{color:#b94260;border-color:#ebc7d0}
.admin-configuration{color:#7a6a85}
