/* Desktop - 7 palette. Scoped overrides keep the original dark theme intact. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #fafaf8;
  --paper: #fafaf8;
  --ink: #292a2e;
  --muted: #797979;
  --line: #bccbfa;
  --line-soft: #e2e7f2;
  --teal: #4361ee;
  --dark: #4361ee;
  --danger: #b3293d;
  --accent: #4361ee;
  --accent-soft: #d5e0f9;
  --surface: #fafaf8;
  --surface-raised: #e9effb;
  --surface-subtle: rgba(235, 240, 250, .5);
  --surface-active: #d5e0f9;
  --sidebar: #fafaf8;
  --shadow: rgba(77, 126, 246, .3);
  --panel-shadow: 0 4px 20px 8px var(--shadow);
  background: var(--bg);
  color: var(--ink);
}

html[data-theme="light"] body.workspace-view .workspace::before {
  inset: 0 0 auto 232px;
  width: auto;
  height: 100vh;
  background: radial-gradient(ellipse 780px 760px at calc(100% + 40px) 660px,
    #8cadff 0%, #b5cdfc 42%, rgba(198, 216, 253, .55) 65%, rgba(250, 250, 248, 0) 100%);
}
html[data-theme="light"] body.workspace-view .sidebar {
  box-shadow: 0 4px 20px 5px rgba(77, 126, 246, .2);
}
html[data-theme="light"] body.workspace-view .topbar {
  background: rgba(250, 250, 248, .35);
  border-color: var(--line-soft);
}
html[data-theme="light"] body.workspace-view .avatar {
  border: 1px solid #c2c2c2;
  border-radius: 50%;
  background: #ebebeb;
  color: #bfbfbf;
}
html[data-theme="light"] body.workspace-view .sidebar-tip {
  padding: 12px 9px;
  background: #e4ebfa;
  box-shadow: 0 4px 20px var(--shadow), inset 0 2px 8px rgba(77, 126, 246, .35);
}
html[data-theme="light"] body.workspace-view .sidebar-tip p { margin-top: 10px; color: var(--ink); }
html[data-theme="light"] body.workspace-view .sidebar-label { color: #969696; }
html[data-theme="light"] body.workspace-view .ozon-label {
  background: var(--accent);
  color: #fff;
}
html[data-theme="light"] .button.primary,
html[data-theme="light"] .button.dark,
html[data-theme="light"] .skip-link { color: #fff; }
html[data-theme="light"] body.workspace-view .page-actions > .button,
html[data-theme="light"] body.workspace-view .page-actions .sync-strip {
  box-shadow: 0 4px 20px var(--shadow), inset 0 2px 8px rgba(77, 126, 246, .25);
}
html[data-theme="light"] .connection-light::before { background-image: url('/static/assets/figma/blue-dot.svg'); }

/* Keep the original wordmark's lettering, with its blue symbol in colour. */
html[data-theme="light"] .brand:has(.brand-design-logo) { position: relative; }
html[data-theme="light"] .brand .brand-design-logo {
  filter: brightness(0);
  clip-path: inset(0 0 0 25.5%);
}
html[data-theme="light"] .brand:has(.brand-design-logo)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('/static/assets/avenlark-symbol.svg') center / contain no-repeat;
}
html[data-theme="light"] :is(.nav-design-icon, .account-add-icon, .search-design-icon img, .download-design-icon img) {
  filter: brightness(0);
  opacity: .83;
}
html[data-theme="light"] .field:has(> select)::after { filter: brightness(0); }

/* White panels and pale blue inputs, aligned with the supplied desktop view. */
html[data-theme="light"] .summary-controls,
html[data-theme="light"] .summary-report {
  background: var(--paper);
  border-color: var(--line);
  box-shadow: var(--panel-shadow);
}
html[data-theme="light"] .summary-fields .field label { color: var(--ink); }
html[data-theme="light"] .summary-fields :is(input, select) {
  background-color: #e5edfb;
  border-color: #acbef8;
  color: var(--ink);
}
html[data-theme="light"] #view-summary .summary-fields > .button {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
html[data-theme="light"] #view-summary .summary-fields > .button:hover:not(:disabled) { background: #3552df; }
html[data-theme="light"] #view-summary .summary-control-head > .button { color: var(--muted); }
html[data-theme="light"] #view-summary .summary-control-head > .button:hover { color: var(--ink); }
html[data-theme="light"] .summary-sync-bar p,
html[data-theme="light"] #view-summary .summary-scope { color: var(--muted); }

html[data-theme="light"] .summary-metrics { gap: 20px; }
html[data-theme="light"] .summary-metrics .metric {
  background: #9ab7fc;
  border-color: #8babfb;
  box-shadow: 0 4px 20px 4px rgba(77, 126, 246, .33);
}
html[data-theme="light"] .summary-metrics .metric:nth-child(4) { background: #7fa5fc; border-color: #749cfb; }
html[data-theme="light"] .summary-metrics .metric:nth-child(5) { background: #6593fc; border-color: #5e8df9; }
html[data-theme="light"] .summary-metrics .metric .metric-label,
html[data-theme="light"] .summary-metrics .metric > strong,
html[data-theme="light"] .summary-metrics .metric > span:not(.sr-only),
html[data-theme="light"] .summary-cost-tax-values > span,
html[data-theme="light"] .summary-cost-tax-values strong { color: #fff; }
html[data-theme="light"] .summary-metrics .metric.featured {
  background: rgba(250, 250, 248, .72);
  border-color: #bfccf4;
  box-shadow: 0 4px 4px rgba(67, 96, 232, .35);
}
html[data-theme="light"] .summary-metrics .metric.featured .metric-label,
html[data-theme="light"] .summary-metrics .metric.featured > span:not(.sr-only) { color: #363636; }
html[data-theme="light"] .summary-metrics .metric.featured > strong { color: var(--accent); }
html[data-theme="light"] .summary-metrics .metric .unknown-value { color: #fff; }
html[data-theme="light"] .summary-metrics .metric.featured .unknown-value { color: var(--muted); }
html[data-theme="light"] .summary-metrics .metric strong.negative { color: #fff !important; }
html[data-theme="light"] .summary-metrics .metric.featured strong.negative { color: var(--accent) !important; }

html[data-theme="light"] .summary-coverage {
  background: rgba(250, 250, 248, .66);
  border-color: #b9c9f8;
  color: var(--ink);
  box-shadow: 0 4px 20px 5px rgba(77, 126, 246, .28);
}
html[data-theme="light"] .summary-coverage > h2 {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #2024b8;
}
html[data-theme="light"] .summary-coverage > h2::before {
  content: '';
  width: 20px;
  height: 18px;
  flex: 0 0 20px;
  background: url('/static/assets/figma/blue-dot.svg') center / 18px no-repeat;
}
html[data-theme="light"] .summary-coverage-item p,
html[data-theme="light"] .summary-coverage-item .missing-ranges { color: var(--ink); }
html[data-theme="light"] .summary-coverage-item + .summary-coverage-item { border-color: var(--line); }

/* Report tools, sticky cells and drilldowns also use the light palette. */
html[data-theme="light"] .summary-report .panel-heading { border-color: var(--line-soft); }
html[data-theme="light"] .summary-report .panel-heading .small { color: var(--ink); }
html[data-theme="light"] #view-summary .summary-export .button { border-color: #8b8c90; color: var(--ink); }
html[data-theme="light"] .summary-toolbar .search-field input,
html[data-theme="light"] .summary-detail-tools .search-field input,
html[data-theme="light"] .summary-inline-label select,
html[data-theme="light"] .summary-column-settings > summary {
  background: transparent;
  border-color: #8b8c90;
  color: var(--ink);
}
html[data-theme="light"] :is(.summary-toolbar, .summary-detail-tools) .search-field > span { color: var(--ink); }
html[data-theme="light"] :is(#summary-sort, #summary-period-metric) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23292a2e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html[data-theme="light"] #view-summary .summary-toolbar > .button,
html[data-theme="light"] #view-summary .summary-table-actions .text-button { color: #2024b8; }
html[data-theme="light"] #view-summary .summary-toolbar .button[aria-pressed=true] {
  background: var(--accent-soft);
  color: #2024b8;
}
html[data-theme="light"] .summary-column-settings > summary:hover { background: var(--surface-raised); }
html[data-theme="light"] .summary-column-settings[open] > summary { background: var(--accent-soft); }
html[data-theme="light"] .summary-column-settings fieldset,
html[data-theme="light"] .summary-column-settings legend {
  background: var(--paper);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme="light"] .summary-period-toolbar,
html[data-theme="light"] .summary-selection-bar {
  background: #edf2fc;
  border-color: var(--line-soft);
  color: var(--muted);
}
html[data-theme="light"] .summary-period-pager,
html[data-theme="light"] .summary-inline-label,
html[data-theme="light"] .summary-total-group .period-hint,
html[data-theme="light"] .summary-period-heading .period-hint,
html[data-theme="light"] .summary-selection-bar .selection-warning { color: var(--muted); }
html[data-theme="light"] .summary-selection-bar strong { color: var(--ink); }
html[data-theme="light"] .summary-scroll,
html[data-theme="light"] .summary-details-scroll { scrollbar-color: #afbee4 #f3f6fd; }
html[data-theme="light"] .summary-scroll :is(thead, th),
html[data-theme="light"] .summary-scroll th:is(.summary-label-head, .summary-total-head, .summary-period-total, .summary-period-heading) {
  background: #e9effb;
  border-color: #d5dff2;
  color: var(--ink);
  box-shadow: none;
}
html[data-theme="light"] .summary-scroll th:is(.summary-total-group, .highlight-column) {
  background: #e9effb;
  border-color: #d5dff2;
  color: #2024b8;
}
html[data-theme="light"] .summary-scroll :is(td, td:first-child) {
  background: var(--paper);
  border-color: var(--line-soft);
  color: var(--ink);
  box-shadow: none;
}
html[data-theme="light"] .summary-scroll td:is(.period-cell, .highlight-column) { background: #f2f5fc; }
html[data-theme="light"] .summary-scroll tr.summary-parent td,
html[data-theme="light"] .summary-scroll tr.summary-parent td:first-child,
html[data-theme="light"] .summary-scroll tr.summary-grand-total td,
html[data-theme="light"] .summary-scroll tr.summary-grand-total td:first-child {
  background: #e5edfc;
  border-color: #d5dff2;
  color: var(--ink);
}
html[data-theme="light"] .summary-scroll tbody tr:hover td,
html[data-theme="light"] .summary-scroll tbody tr:hover td:first-child { background: #dfe9fc; }
html[data-theme="light"] .summary-row-label,
html[data-theme="light"] .summary-detail-totals,
html[data-theme="light"] .summary-details-scroll .detail-main { color: var(--ink); }
html[data-theme="light"] .summary-tree-toggle,
html[data-theme="light"] .summary-number:is(.partial, .unknown),
html[data-theme="light"] .summary-details-scroll .detail-sub { color: var(--muted); }
html[data-theme="light"] :is(.summary-tree-toggle, .summary-number):hover { background: #d5e0f9; color: #2024b8; }
html[data-theme="light"] .summary-period-toggle:hover { color: #2024b8; }
html[data-theme="light"] .summary-number.selected,
html[data-theme="light"] .summary-number.selected:hover { background: #c1d2ff; color: #182482; }
html[data-theme="light"] .summary-report .table-footer,
html[data-theme="light"] .summary-methodology,
html[data-theme="light"] .summary-methodology > summary,
html[data-theme="light"] #view-summary .method-note { color: var(--muted); }
html[data-theme="light"] .summary-details-dialog {
  background: var(--paper);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme="light"] .summary-details-scroll { border-color: var(--line); }
html[data-theme="light"] .summary-details-scroll :is(thead, th) { background: #e9effb; border-color: var(--line); color: var(--ink); }
html[data-theme="light"] .summary-details-scroll td { color: var(--ink); border-color: var(--line-soft); }
html[data-theme="light"] .summary-details-scroll tbody tr:hover { background: #e9effb; }
html[data-theme="light"] .summary-details-dialog .dialog-heading .eyebrow { color: var(--muted); }
html[data-theme="light"] dialog::backdrop { background: rgba(35, 47, 80, .25); }
html[data-theme="light"] :is(.alert.error, .form-error) { color: var(--danger); }
html[data-theme="light"] .auth-story { background: #eef3fe; border-color: var(--line); }
html[data-theme="light"] .story-plan { box-shadow: var(--panel-shadow); }
html[data-theme="light"] .auth-card input { background: #e5edfb; }
html[data-theme="light"] .toast { background: #e5edfb; color: var(--ink); }
html[data-theme="light"] body.workspace-view.report-wide .workspace::before { left: 0; }
@media (max-width: 1000px) {
  html[data-theme="light"] body.workspace-view .workspace::before { left: 200px; }
}
@media (max-width: 900px) {
  html[data-theme="light"] body.workspace-view .workspace::before { left: 184px; }
}
@media (max-width: 640px) {
  html[data-theme="light"] body.workspace-view .workspace::before { left: 0; }
  html[data-theme="light"] .summary-metrics { gap: 15px; }
}