/* White and minimal skin. Loaded right after store.css and before the store's own brand colours,
   so a brand colour set in the Claude CMS account still overrides the accent below. */
:root{
  --accent:#0071e3;--accent-hover:#0077ed;--accent-deep:#0066cc;--accent-tint:#f5f5f7;
  --ink:#1d1d1f;--ink-dim:#6e6e73;--hairline:#e8e8ed;--frame:#e8e8ed;
}
html[data-theme="light"]{--bar-bg:rgba(255,255,255,.82);--sheet-bg:#fff;--curtain:rgba(255,255,255,.5)}
html[data-theme="light"] body{background:#fff}
html[data-theme="light"] .hero{background:#fff;min-height:78vh}
html[data-theme="light"] .hero h1{font-weight:600;letter-spacing:-.03em}
html[data-theme="light"] .hero p{color:var(--ink-dim)}
html[data-theme="light"] .ct-band{background:#f5f5f7}
html[data-theme="light"] .ct-card{border-radius:22px;box-shadow:none}
html[data-theme="light"] .c2-card{background:#fff}
html[data-theme="light"] .pd-art{background:#f5f5f7}
html[data-theme="light"] .ct-art svg,html[data-theme="light"] .c2-art svg,html[data-theme="light"] .pd-art svg,
html[data-theme="light"] .bg-art svg,html[data-theme="light"] .gn-bagart svg{stroke:#1d1d1f}
html[data-theme="light"] .ct-tag,html[data-theme="light"] .c2-tag,html[data-theme="light"] .pd-tag{color:var(--ink-dim)}
html[data-theme="light"] .ct-usp-item svg{stroke:#1d1d1f}
html[data-theme="light"] footer.rs-foot{background:#f5f5f7;border-top:0}