/* Each theme uses the same layout with its own palette and surface geometry. */
:root[data-theme="cobalt"]{
  --page:#fff;--surface:#fff;--ink:#18223b;--muted:#667087;--soft-text:#757e91;
  --accent:#315edb;--accent-hover:#254bbe;--surface-tint:#edf2ff;--section-bg:#f4f6fc;
  --media-bg:#edf2fc;--grid-color:#dbe3f2;--border:#dce2ed;--strong-border:#8996b1;
  --contact-bg:#142344;--contact-accent:#b2c7ff;--contact-copy:#c8d4ea;--contact-muted:#a6b9db;--contact-border:#3c5075;
  --button-radius:8px;--card-radius:12px;--form-radius:18px;
}
:root[data-theme="iris"]{
  --page:#fcfaff;--surface:#fff;--ink:#2d2440;--muted:#756b85;--soft-text:#81758e;
  --accent:#7651bc;--accent-hover:#5e3b9f;--surface-tint:#f1eafa;--section-bg:#f4effa;
  --media-bg:#eee7f7;--grid-color:#e2d6ed;--border:#e2d9ec;--strong-border:#a193b1;
  --contact-bg:#2a203b;--contact-accent:#d8beff;--contact-copy:#ddd0ec;--contact-muted:#b9a6ce;--contact-border:#59466e;
  --button-radius:16px;--card-radius:24px;--form-radius:28px;--media-radius:20px;
}
:root[data-theme="copper"]{
  --page:#fffcf7;--surface:#fffdf9;--ink:#38281e;--muted:#7c6d61;--soft-text:#87786b;
  --accent:#a94f39;--accent-hover:#8e3f2c;--surface-tint:#f4e8dc;--section-bg:#f6efe4;
  --media-bg:#f3e8d9;--grid-color:#e9daca;--border:#e1d5c6;--strong-border:#ad9480;
  --contact-bg:#38291f;--contact-accent:#efb398;--contact-copy:#e7d1bf;--contact-muted:#c6a78f;--contact-border:#6e5340;
  --heading-font:Georgia,'Times New Roman',serif;--heading-weight:500;
  --button-radius:6px;--card-radius:8px;--form-radius:10px;--media-radius:10px;
}
:root[data-theme="graphite"]{
  --page:#fafaf9;--surface:#fff;--ink:#202020;--muted:#6b6b68;--soft-text:#787874;
  --accent:#292929;--accent-hover:#000;--surface-tint:#eee;--section-bg:#f0f0ed;
  --media-bg:#e9e9e6;--grid-color:transparent;--border:#d9d9d4;--strong-border:#999994;
  --contact-bg:#222;--contact-accent:#e8e5dd;--contact-copy:#d4d4d0;--contact-muted:#acaca6;--contact-border:#53534e;
  --button-radius:2px;--card-radius:4px;--form-radius:4px;--media-radius:4px;
}
:root[data-theme="midnight"]{
  color-scheme:dark;--page:#11151e;--surface:#1b2230;--ink:#edf0f8;--muted:#a8b1c2;--soft-text:#98a4b8;
  --accent:#bca4ff;--accent-hover:#d0bdff;--on-accent:#1b1230;--surface-tint:#252c3e;--section-bg:#171d29;
  --media-bg:#1b2232;--grid-color:#2a3245;--border:#354055;--strong-border:#69768e;
  --contact-bg:#0b0e15;--contact-accent:#bea6ff;--contact-copy:#c7cbd9;--contact-muted:#9dabc1;--contact-border:#323b50;
  --error-bg:#3c2329;--error-color:#ffc0b4;--error-border:#e48776;
  --button-radius:12px;--card-radius:18px;--form-radius:24px;
}

/* A persistent preview toolbar lets the user compare any section in place. */
.theme-toolbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border)}
.theme-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}
.theme-toolbar-label{font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap}
.theme-options{display:flex;gap:6px;min-width:0}
.theme-choice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}
.theme-choice::before{content:'';width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff40}
.theme-choice[data-theme-choice="emerald"]{--swatch:#078260}
.theme-choice[data-theme-choice="cobalt"]{--swatch:#315edb}
.theme-choice[data-theme-choice="iris"]{--swatch:#9065d3}
.theme-choice[data-theme-choice="copper"]{--swatch:#b86a4e}
.theme-choice[data-theme-choice="graphite"]{--swatch:#50504c}
.theme-choice[data-theme-choice="midnight"]{--swatch:#a897d7}
.theme-choice:hover{background:var(--surface-tint);color:var(--ink)}
.theme-choice[aria-pressed="true"]{border-color:var(--accent);background:var(--surface-tint);color:var(--ink)}
.brand .brand-logo-dark{display:none}
:root[data-theme="midnight"] .brand .brand-logo-light{display:none}
:root[data-theme="midnight"] .brand .brand-logo-dark{display:block}
.brand-symbol{width:96px;height:auto;max-height:49px;object-fit:contain;object-position:left}
:root[data-theme="copper"] .hero h1{letter-spacing:-3.5px}
:root[data-theme="copper"] :is(h1,h2,h3){font-weight:var(--heading-weight)}
:root[data-theme="copper"] .section-heading h2,:root[data-theme="copper"] .contact h2{letter-spacing:-1.5px}
@media(max-width:960px){
  .theme-toolbar-inner{gap:12px}.theme-toolbar-label{display:none}.theme-options{width:100%;justify-content:space-between}.theme-choice{padding-inline:10px}
}
@media(max-width:700px){
  html{scroll-padding-top:110px}.theme-toolbar-inner{padding-block:9px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.theme-choice{min-height:34px;padding:7px 6px;font-size:12px;gap:6px}
  :root[data-theme="copper"] .hero h1{letter-spacing:-1.7px}
  .brand-symbol{width:80px;max-height:40px}
}
@media print{.theme-toolbar{display:none}}