:root {
    --brand: #2563eb;
    --brand-2: #3b82f6;
    --brand-dark: #172a46;
    --brand-soft: #edf4ff;
    --accent: #f05a28;
    --ink: #172033;
    --muted: #667085;
    --line: #e2e7ee;
    --bg: #f5f7fa;
    --paper: #fff;
    --sidebar: #fff;
    --sidebar-text: #4f6078;
    --shadow: 0 12px 30px rgba(24, 39, 64, .08);
}

body { background: var(--bg); color: var(--ink); }
.top-header { border-color: rgba(218, 225, 235, .92); }
.nav-button, .tool-button, .button, .account-nav button, .quick-button { color: #526078; }
.brand-link:focus-visible, .nav-button:focus-visible, .tool-button:focus-visible, .mobile-bottom a:focus-visible { outline-color: rgba(37, 99, 235, .18); }
.glass-panel, .panel { border-color: rgba(218, 225, 235, .94); box-shadow: 0 5px 18px rgba(24, 39, 64, .05); }
.notice-bar, .hero p { color: #596579; }
.hero-dots button { background: #b8c7dd; }
.product-card { box-shadow: 0 8px 22px rgba(24, 39, 64, .06); }
.product-card:hover { box-shadow: 0 15px 30px rgba(24, 39, 64, .11); }
.product-cover { background: #e7edf5; }
.field, .import-source-bar label>span { color: #5e6879; }
.field input, .field select, .field textarea, .search-input, .admin-form .field input, .admin-form .field select { border-color: #d5dde8; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus, .formal-form .field input:focus, .admin-form .field input:focus, .admin-form .field select:focus, .public-query-input input:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .11); }
.admin-table th, .table-row.header, .course-results-head, .direct-row.head, .activity-config-groups h3 { background: #f7f9fc; }
.mobile-bottom a, .mobile-bottom button { color: #667085; }
.scrim, .admin-dialog::backdrop, .course-sheet-scrim { background-color: rgba(18, 29, 47, .48); }
.modal-layer { background: rgba(18, 29, 47, .48); }
.modal, .admin-dialog { box-shadow: 0 24px 70px rgba(18, 29, 47, .24); }

.admin-sidebar { border-right: 1px solid var(--line); background: #fff; color: var(--sidebar-text); }
.admin-sidebar-title { border-color: var(--line); color: var(--ink); }
.admin-sidebar>a, .admin-nav-group-toggle { color: #52627a; }
.admin-sidebar>a:hover, .admin-sidebar>a.active, .admin-nav-group-toggle:hover, .admin-nav-group-toggle.active { background: var(--brand-soft); color: var(--brand); }
.admin-nav-submenu a { border-left-color: #d8e0eb; color: #6b778b; }
.admin-nav-submenu a:hover, .admin-nav-submenu a.active { border-left-color: var(--brand); background: #f4f7fc; color: var(--brand); }
.drawer-close { border-color: #d8e0eb; background: #fff; color: #647188; }
.admin-main { background: var(--bg); }
.admin-sidebar.open { box-shadow: 16px 0 40px rgba(24, 39, 64, .18); }

.course-query-message { background: var(--brand-soft); }
.checkout-methods label input:checked+span, .payment-admin-option:has(input:checked), .activity-tier input:checked+span, .activity-payment input:checked+span, .import-table tr.selected td { background: var(--brand-soft); }
.activity-tier input:checked+span { box-shadow: 0 0 0 2px rgba(37, 99, 235, .08); }
.switch-track { background: #c8d1de; }
.switch-track:after { box-shadow: 0 1px 3px rgba(24, 39, 64, .24); }
.pay-brand-logo, .payment-status, .withdraw-status, .import-map { background: #f1f4f8; }
.support-contact-grid>div, .affiliate-metrics>div, .direct-summary>div, .affiliate-link input, .withdraw-admin-note, .activity-login, .activity-mobile-summary>div, .activity-rule-panel, .activity-global-config { background: #f8fafc; }
.withdraw-estimate, .withdraw-note, .form-note { background: #f4f7fc; }
.manual-level-tag, .audience-badge, .activity-participation { border-color: #bfd0ed; background: var(--brand-soft); }
.activity-card-v121:hover { border-color: #a9c2ed; }
.activity-detail-hero { background: #e7edf5; }
.tier-check { border-color: #b8c2d0; }

.risk-metric:not(.warning):not(.danger):not(.blue) .risk-metric-icon { background: var(--brand-soft); color: var(--brand); }
.risk-metric small, .risk-metric span, .risk-filter>label>span, .risk-table td small, .risk-summary span, .risk-evidence-list small, .risk-evidence-list time, .risk-handle-note span, .risk-action-history span, .risk-detail-footer>span, .risk-master small, .risk-degree-guide span, .risk-rule-row small, .risk-threshold i { color: var(--muted); }
.risk-metric strong { color: var(--ink); }
.risk-summary>div, .risk-evidence-list, .risk-handle-note, .risk-master, .risk-degree-guide div, .risk-rule-list { border-color: var(--line); background: #fbfcfe; }
.risk-evidence-list article, .risk-action-history p, .risk-rule-row { border-color: #e8ecf2; }
.risk-source { background: #f0f3f7; color: #526078; }
.risk-master input, .risk-rule-row>input { accent-color: var(--brand); }
.risk-threshold { border-color: #d4dce7; }

.dashboard-head span { color: #526078; }
.dashboard-metric:hover, .dashboard-series-tabs button.active { border-color: #b9cae6; }
.dashboard-metric:hover { box-shadow: 0 5px 18px rgba(24, 39, 64, .07); }
.dashboard-ranges, .dashboard-rank-row>i { background: #f3f6fa; }
.dashboard-ranges .active { box-shadow: 0 1px 4px rgba(24, 39, 64, .12); }
.dashboard-chart-grid { stroke: #e8edf4; }
.dashboard-chart-label, .dashboard-rank-row>i { color: #6b778b; fill: #6b778b; }
.dashboard-chart-guide { stroke: #9fb2cf; }
.dashboard-chart-tooltip { border-color: #d0d9e6; box-shadow: 0 10px 28px rgba(24, 39, 64, .14); }
.dashboard-attention-item, .dashboard-rank-row, .dashboard-supplier-row { border-color: #e8edf4; }
.dashboard-rank-row>div>span { background: #edf1f6; }

.product-batch-bar { border-color: #c8d7ed; background: #f5f8fd; }
.batch-selection b { color: #24334c; }
.batch-selection button { color: var(--brand); }
.batch-selection span, .batch-price-preview span, .batch-price-preview small { color: var(--muted); }
.batch-actions>button, .batch-more>button, .batch-more [data-batch-menu] button { border-color: #d0d9e6; color: #33435c; }
.batch-more [data-batch-menu] { border-color: #d8e0eb; box-shadow: 0 12px 28px rgba(24, 39, 64, .14); }
.product-batch-table input[type=checkbox] { accent-color: var(--brand); }
.batch-dialog { box-shadow: 0 24px 70px rgba(18, 29, 47, .22); }
.batch-dialog::backdrop { background: rgba(18, 29, 47, .45); }
.batch-dialog select, .batch-dialog input[type=number], .price-mode-grid span { border-color: #d3dbe7; }
.price-mode-grid span { color: #5c687b; }
.price-mode-grid input:checked+span { border-color: var(--brand); background: var(--brand-soft); color: #1f56bd; }
.batch-price-preview { border-color: #dde4ee; background: #f7f9fc; }

.gate-background { background: var(--bg); }
.install-header { border-color: var(--line); }
.step-sidebar { background: var(--brand-dark); color: #d8e3f2; }
.step-sidebar>p, .step-item { color: #aebed3; }
.step-item b { color: #d8e3f2; }
.content-actions, .modal-actions { background: #fafbfc; }
.check-summary, .log-row.running, .form-note { background-color: #f7f9fc; }
.field input { border-color: #d3dbe6; }
.form-note, .modal-body { color: #596579; }
.progress-track { background: #e7ecf3; }
.progress-current { color: #445168; }
.lock-path { background: #f6f8fb; color: #48556b; }
.modal-layer { background-color: rgba(18, 29, 47, .56); }
.modal { box-shadow: 0 24px 70px rgba(18, 29, 47, .30); }
.toast { color: #445168; }

@media (max-width: 760px) {
    .content-actions { box-shadow: 0 -6px 20px rgba(24, 39, 64, .08); }
    .product-batch-bar { box-shadow: 0 12px 34px rgba(24, 39, 64, .24); }
}
