/* Owner decision 2026-10-26: palette 2 is the light default (no query / palette=0).
   palette=1|2|3 remain comparison previews; dark presentation is unchanged. */
@media (prefers-color-scheme: dark) {
  .palette-switcher { display: none !important; }
}

@media (prefers-color-scheme: light) {
  :root[data-palette="1"] {
    --sea: #1f2b4d;
    --sea-2: #34446e;
    --sea-tint: #e4e8f1;
    --night: #151b2e;
    --night-2: #1f2740;
    --night-accent: #f0c27a;
    --line-strong: #7d7567;
  }

  :root:not([data-palette]),
  :root[data-palette="2"] {
    --paper: #f4f5f0;
    --paper-2: #e9ebe3;
    --line: #d3d6cc;
    --muted: #535b58;
    --sea: #0a5a8f;
    --sea-2: #0b6aa8;
    --sea-tint: #e1f0fa;
    --night: #0c2638;
    --night-2: #123349;
    --night-ink: #f3f5f2;
    --night-muted: #c4ccd0;
    --night-accent: #7fd0ff;
    --brand-line: #0391df;
    --line-strong: #7f8781;
  }

  :root[data-palette="3"] {
    --paper: #f5efe3;
    --paper-2: #ebe2d0;
    --card: #fffdf8;
    --ink: #231f1a;
    --ink-2: #3d372f;
    --muted: #5c5549;
    --line: #d6c9b0;
    --sea: #1f2b4d;
    --sea-2: #34446e;
    --sea-tint: #e4e8f1;
    --night: #24201b;
    --night-2: #2f2a23;
    --night-ink: #f5efe3;
    --night-muted: #cfc5b3;
    --night-accent: #e8b860;
    --dashi: #7a4e12;
    --dashi-band: #d9a441;
    --line-strong: #7d7567;
  }

  :root:is(:not([data-palette]), [data-palette]) {
    --focus-inner: #ffffff;
    --focus-outer: var(--ink);
  }

  :root:is(:not([data-palette]), [data-palette]) .btn.light,
  :root:is(:not([data-palette]), [data-palette]) .assortment-choices button,
  :root:is(:not([data-palette]), [data-palette]) .filters button,
  :root:is(:not([data-palette]), [data-palette]) .pair button,
  :root:is(:not([data-palette]), [data-palette]) .tile,
  :root:is(:not([data-palette]), [data-palette]) .item:not([aria-pressed="true"]):not([data-verdict]),
  :root:is(:not([data-palette]), [data-palette]) .sheetform input[type="text"],
  :root:is(:not([data-palette]), [data-palette]) .sheetform input[type="number"],
  :root:is(:not([data-palette]), [data-palette]) .sheetform select,
  :root:is(:not([data-palette]), [data-palette]) .sheetform textarea,
  :root:is(:not([data-palette]), [data-palette]) .bag-form input[type="text"],
  :root:is(:not([data-palette]), [data-palette]) .bag-form select {
    border-color: var(--line-strong);
  }

  :root:is(:not([data-palette]), [data-palette]) :focus-visible {
    outline: 3px solid var(--focus-inner);
    outline-offset: 2px;
    box-shadow: 0 0 0 6px var(--focus-outer);
  }

  /* Default-only control boundaries: keep comparison previews unchanged. */
  :root:not([data-palette]) .purpose a,
  :root:not([data-palette]) .faq details {
    border-color: var(--line-strong);
  }
  :root:not([data-palette]) .menu summary,
  :root:not([data-palette]) .item:not([aria-pressed="true"]):not([data-verdict]) {
    border-color: var(--sea);
  }

  :root:is(:not([data-palette]), [data-palette="2"]) .site {
    border-bottom: 3px solid var(--brand-line);
  }
  :root:is(:not([data-palette]), [data-palette="2"]) .assortment-choices button[aria-pressed="true"] {
    border-color: var(--on-sea);
  }
  :root:is(:not([data-palette]), [data-palette="2"]) section.night .reason {
    border-top-color: var(--brand-line);
  }
  :root:is(:not([data-palette]), [data-palette="2"]) .herofacts li {
    border-left-color: var(--brand-line);
  }

  :root[data-palette="3"] .assortment-more {
    color: var(--dashi);
  }
  :root[data-palette="3"] section.night .reason {
    border-top-color: var(--dashi-band);
  }
  :root[data-palette="3"] .herofacts li {
    border-left-color: var(--dashi-band);
  }

  :root:is(:not([data-palette]), [data-palette]) section.night .kicker,
  :root:is(:not([data-palette]), [data-palette]) section.night .reason .n,
  :root:is(:not([data-palette]), [data-palette]) .proto b {
    color: var(--night-accent);
  }

  .palette-switcher {
    background: var(--paper-2);
    border-block: 1px solid var(--line);
    color: var(--ink);
  }
  .palette-switcher__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 52px;
  }
  .palette-switcher__label {
    margin-right: 4px;
    font-size: 14px;
    font-weight: 700;
  }
  .palette-switcher a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    background: var(--card);
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
  }
  .palette-switcher a[aria-current="page"] {
    border-color: var(--sea);
    background: var(--sea);
    color: var(--on-sea);
  }
  @media (max-width: 480px) {
    .palette-switcher__inner { gap: 6px; }
    .palette-switcher__label { margin-right: 0; }
    .palette-switcher a { padding-inline: 10px; }
  }
}