/* Tesla-inspired palette: local fonts and lightweight solid surfaces. */
html[data-theme="tesla"] {
  color-scheme:dark;
  --tint:#e82127; --accent:#ff747a; --accent-2:#aeb3bc; --accent-3:#e2e3e5;
  --tesla-red:#e82127;
  --font:"Avenir Next","Segoe UI",Arial,sans-serif;
  --bg:#0c0d0f; --panel:#181a1e; --panel-2:#25282d; --border:#454a53;
  --text:#f4f4f4; --muted:#aeb3bc; --input-bg:#15171a; --link:#ff747a;
  --green:#65d38e; --red:#ff7c80; --amber:#ffc069; --orange:#ffb178;
  --radius:6px; --radius-btn:4px; --radius-input:4px;
  --surface:var(--panel); --surface-border-color:var(--border);
  --grad-brand:linear-gradient(var(--text),var(--text));
  --grad-primary:linear-gradient(#d71920,#d71920);
  --grad-primary-hover:linear-gradient(#b91219,#b91219);
  --btn-soft:linear-gradient(var(--panel-2),var(--panel-2));
  --btn-soft-hover:linear-gradient(var(--border),var(--border));
  --app-bg:var(--bg); --shadow:0 8px 24px #0002; --shadow-glow:var(--shadow);
}
html[data-theme="tesla"][data-mode="light"] {
  color-scheme:light;
  --accent:#c81018; --accent-2:#5c5e62; --accent-3:#393c41;
  --bg:#f2f3f4; --panel:#ffffff; --panel-2:#e8e9eb; --border:#d0d1d2;
  --text:#171a20; --muted:#5c5e62; --input-bg:#f4f4f4; --link:#c81018;
  --green:#137333; --red:#c62828; --amber:#8a5100; --orange:#a94200;
  --shadow:0 8px 24px #171a200a;
}

/* Shared restrained controls live in theme-apple.css; Tesla supplies its own form. */
html[data-theme="tesla"][data-mode] body { letter-spacing:0; }
html[data-theme="tesla"][data-mode] .brand { text-transform:uppercase; letter-spacing:.18em; font-size:15px; font-weight:600; }
html[data-theme="tesla"][data-mode] :is(h1,h2,h3,h4) { letter-spacing:-.025em; font-weight:500; }
html[data-theme="tesla"][data-mode] .section-head h2 { font-size:clamp(32px,3vw,44px); }
html[data-theme="tesla"][data-mode][data-style] :is(.card,.stat,.modal,.login-card,.status-strip),
html[data-theme="tesla"][data-mode] .cal .day:not(.empty) { border-radius:6px !important; }
html[data-theme="tesla"][data-mode] :is(.btn,.crumb-back,.tab,.seg button,.pill,.chip,.badge,.gp) { border-radius:4px !important; }
html[data-theme="tesla"][data-mode] :is(.btn,.crumb-back) { font-weight:600; padding:10px 22px; }
html[data-theme="tesla"][data-mode] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) { border-radius:4px; }
html[data-theme="tesla"][data-mode] :is(input[type="checkbox"],input[type="radio"]) { accent-color:#d71920; }
html[data-theme="tesla"][data-mode] :is(.station-rail-left,.station-rail-right,.seg) { border-radius:6px; }
html[data-theme="tesla"][data-mode] .station-tabs-v .tab.active { background:#d71920; color:#fff; }
html[data-theme="tesla"][data-mode][data-style] .station-card { border-top:3px solid var(--tesla-red) !important; }
html[data-theme="tesla"][data-mode] .station-card h3 { letter-spacing:-.015em; font-size:26px; }
html[data-theme="tesla"][data-mode] .station-card .sc-bal-num { font-weight:500; }
html[data-theme="tesla"][data-mode] .station-card .sc-bal-label { text-transform:uppercase; letter-spacing:.12em; font-size:11px; }
.theme-showcase[data-preset="tesla"] .theme-showcase-pane { border-radius:6px; background:var(--preview-panel); border-top:3px solid #e82127; box-shadow:0 8px 20px #0002; }
.theme-showcase[data-preset="tesla"] .theme-showcase-orbit { display:none; }
.theme-showcase[data-preset="tesla"] .theme-showcase-mini-button { background:#d71920; border-radius:4px; }

/* Red is an action/brand accent; financial success and warning colors retain their meaning. */
html[data-theme="tesla"][data-mode] .brand { color:var(--link); -webkit-text-fill-color:var(--link); }
html[data-theme="tesla"][data-mode] .btn:is(.primary,.info) { background:var(--grad-primary); color:#fff; }
html[data-theme="tesla"][data-mode] .btn:is(.primary,.info):hover { background:var(--grad-primary-hover); }
html[data-theme="tesla"][data-mode] .station-card .sc-bal-num { font-size:clamp(34px,3vw,48px); letter-spacing:-.04em; }
html[data-theme="tesla"][data-mode] .station-card .sc-bal-label { letter-spacing:.09em; }
html[data-theme="tesla"][data-mode] :is(.btn.primary,.btn.info,.station-tabs-v .tab.active) { transition-property:transform,opacity !important; }
html[data-theme="tesla"][data-mode] .health-hb.ok .hb-dot { --hb:var(--green); }