html[data-theme="light"] {
  color-scheme: light;
  --bg: #eef4fb;
  --bg2: #f8fafc;
  --bg-0: #eef4fb;
  --bg-1: #f8fafc;
  --bg-2: #ffffff;
  --card: #ffffff;
  --card2: #f8fafc;
  --panel: #ffffff;
  --panel2: #f8fafc;
  --panel-soft: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --line: #d4dbe4;
  --line-soft: #e2e8f0;
  --fg: #091427;
  --text: #091427;
  --text-0: #091427;
  --ink: #091427;
  --muted: #3f4f63;
  --text-1: #3f4f63;
  --accent: #d97706;
  --accent2: #1d4ed8;
  --orange: #d97706;
  --orange-soft: #f59e0b;
  --blue-accent: #1d4ed8;
  --blue-soft: #1d4ed8;
  --ok: #08723f;
  --warn: #8a5200;
  --bad: #a11d2e;
  --danger: #a11d2e;
  --shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07122a;
  --bg2: #0b1a3a;
  --bg-0: #050b1f;
  --bg-1: #0b1740;
  --bg-2: #132a63;
  --card: #101d3a;
  --card2: #16284f;
  --panel: #101d3a;
  --panel2: #16284f;
  --panel-soft: #132a63;
  --surface: #101d3a;
  --surface-2: #16284f;
  --line: rgba(255,255,255,.14);
  --line-soft: rgba(255,255,255,.08);
  --fg: #f8fbff;
  --text: #f8fbff;
  --text-0: #f8fbff;
  --ink: #f8fbff;
  --muted: #9cb1d4;
  --text-1: #adc0d8;
  --accent: #ff8a00;
  --accent2: #4c6fff;
  --orange: #ff8a00;
  --orange-soft: #ffbf73;
  --blue-accent: #4c6fff;
  --blue-soft: #c6d5ff;
  --ok: #22c55e;
  --warn: #f59e0b;
  --bad: #ef4444;
  --danger: #ef4444;
  --shadow: 0 18px 44px rgba(0,0,0,.28);
}

html[data-theme="dark"] body {
  color: var(--fg, var(--text, #f8fbff));
  background:
    radial-gradient(circle at 12% 12%, rgba(58,95,222,.20), transparent 38%),
    radial-gradient(circle at 88% 0%, rgba(36,74,170,.18), transparent 34%),
    linear-gradient(145deg, #050b1f, #0a1540 58%, #132a63);
}

html[data-theme="dark"] body :is(.card,.auth-card,.panel,.page-head,.hub-card,.hub-lead,.table-wrap,.modal-card,.modalCard,.commandLoadingCard,.bar,.syncIndicator,.fieldGpsBox,.fieldPhotoBox,.fieldMapPreview,.fieldPhotoItem,.dossierItem,.viewer,.chip,.pill,.sheet-head,details.advanced,.legend-panel,.distance-summary li,.topbar,.admin-tabs,.rail-note,.hero-connect-copy,.proof,.login-panel,.drawer,.drawer-panel,.planning-wrap,.summary-card,.toolbar) {
  border-color: var(--line, rgba(255,255,255,.14));
  background: linear-gradient(145deg, var(--card, #101d3a), var(--card2, #16284f));
  color: var(--fg, var(--text, #f8fbff));
}

html[data-theme="dark"] body :is(.topbar,.site-header) {
  background: rgba(7,18,42,.88);
  border-color: var(--line, rgba(255,255,255,.14));
}

html[data-theme="dark"] body :is(input,select,textarea) {
  background: #09162f;
  border-color: #2c4774;
  color: #ffffff;
}

html[data-theme="dark"] body :is(button,.btn,.btn-link,.row-action,.tab-btn,.menu-btn,.ghost-btn,.btn-ghost) {
  border-color: var(--line, rgba(255,255,255,.14));
  background: rgba(255,255,255,.06);
  color: var(--fg, #f8fbff);
}

html[data-theme="dark"] body :is(.btn.primary,.primary-action,.primary-btn,.btn-primary,.btn.primary-action) {
  border-color: transparent;
  background: linear-gradient(135deg, #ff8a00, #ffb347);
  color: #111827;
}

html[data-theme="dark"] body :is(.btn.warn,.btn.active,.distance-edit-btn,.tab-btn.is-active,.menu-btn.is-active) {
  background: rgba(245,158,11,.16);
  border-color: rgba(245,158,11,.48);
  color: #ffe0a3;
}

html[data-theme="light"] body {
  color: var(--fg, var(--text, #091427));
  background: #eef4fb;
}

html[data-theme="light"] body :is(.card,.auth-card,.panel,.page-head,.hub-card,.hub-lead,.table-wrap,.modal-card,.modalCard,.commandLoadingCard,.bar,.syncIndicator,.fieldGpsBox,.fieldPhotoBox,.fieldMapPreview,.fieldPhotoItem,.dossierItem,.viewer,.chip,.pill,.sheet-head,details.advanced,.legend-panel,.distance-summary li,.topbar,.admin-tabs,.rail-note,.hero-connect-copy,.proof,.login-panel,.drawer,.drawer-panel,.planning-wrap,.summary-card,.toolbar) {
  border-color: var(--line, #d4dbe4);
  background: #ffffff;
  color: var(--fg, var(--text, #091427));
  box-shadow: var(--shadow, 0 10px 24px rgba(15, 23, 42, .08));
}

html[data-theme="light"] body :is(.topbar,.site-header) {
  background: rgba(255, 255, 255, .94);
  border-color: var(--line, #d4dbe4);
}

html[data-theme="light"] body :is(.rail,.sidebar,.mobile-sidebar) {
  background: #ffffff;
  color: #091427;
  border-color: #d4dbe4;
}

html[data-theme="light"] body :is(h1,h2,h3,h4,.title,.auth-title,.brand-name,.brand-text h1,.brand strong,.sheet-v,.pill .v,.chip strong,.legend-name,.modal-title,.modalTitle,.value,.metric,.hub-card strong,.page-head h1,.card h2,.card h3) {
  color: var(--fg, var(--text, #091427));
}

html[data-theme="light"] body :is(p,.sub,.hint,.small,.sig,.muted,label,th,.k,.sheet-k,.pill .k,.card-head p,.brand-sub,.brand span,.text-muted,.lead,.card p,.metric-label,.top-nav a,.rail-nav small,.modal-copy) {
  color: var(--muted, #3f4f63);
}

html[data-theme="light"] body :is(input,select,textarea) {
  background: #ffffff;
  border-color: var(--line, #d4dbe4);
  color: var(--fg, var(--text, #091427));
}

html[data-theme="light"] body :is(input,textarea)::placeholder {
  color: #64748b;
}

html[data-theme="light"] body :is(table th,table td,.tbl th,.tbl td) {
  border-color: #e2e8f0;
}

html[data-theme="light"] body :is(button,.btn,.btn-link,.row-action,.tab-btn,.menu-btn,.ghost-btn) {
  border-color: #b8c4d2;
  background: #ffffff;
  color: #142033;
}

html[data-theme="light"] body :is(.btn.primary,.primary-action,.primary-btn,.btn-primary,.btn.primary-action) {
  border-color: transparent;
  background: linear-gradient(135deg, #f59e0b, #fb923c);
  color: #111827;
}

html[data-theme="light"] body :is(.btn.secondary,.btn.ghost,.btn-ghost) {
  border-color: #b8c4d2;
  background: #ffffff;
  color: #142033;
}

html[data-theme="light"] body :is(.btn.warn,.btn.active,.distance-edit-btn,.tab-btn.is-active,.menu-btn.is-active) {
  background: #fff4df;
  border-color: #d97706;
  color: #7a4500;
}

html[data-theme="light"] body :is(.btn.bad,.bad,.danger) {
  background: #fff1f2;
  border-color: #fda4af;
  color: #9f1239;
}

html[data-theme="light"] body :is(.btn.ok,.badge.on,.ok) {
  background: #ecfdf3;
  border-color: #38a169;
  color: #075f38;
}

html[data-theme="light"] body :is(.canvas-wrap,.curveCanvasWrap,.legend-panel,.media,.ux-concept-media) {
  background: #ffffff;
  border-color: #d4dbe4;
}

html[data-theme="light"] body :is(main.wrap,.legal-wrap,.legal-section,.toc,.contact,.proof,.page-panel,.panel,.concept-card.dark,.cockpit-preview,.cockpit-main,.loggy-panel,.assistant,.phone,.conversation-shell,.conversation-side,.conversation-card,.hero-copy,.prototype,.machine-card,.kpi,.user-panel,.auth-stat,.users-table-wrap,.logs,.log-card,.viewer-figure,.viewer-shot,.admin-card,.connect-auth-card,.csv-repair-card,.login-view,.summary-tile,.status-legend,.data-table,.admin-form,.profile-box,.nav-item,.segmented,.drawer-header,.drawer-form,.drawer-notice) {
  background: #ffffff !important;
  border-color: #d4dbe4 !important;
  color: #091427 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] body :is(.page-tags span,.page-panel li,.context-item,.message-note span,.machine-badge,.badge,.dossierBadge,.chip,.pill,.tag,.status,.stat,.auth-stat,.kv,.viewer-shot-hint,.nav-item.active,.nav-item:hover,.segment.active,.legend-item,.toolbar-group,.search-wrap) {
  background: #f8fafc !important;
  border-color: #d4dbe4 !important;
  color: #334155 !important;
}

html[data-theme="light"] body :is(.page-panel h2,.legal-wrap h1,.legal-section h2,.contact h2,.proof h2,.concept-card.dark h3,.assistant h3,.conversation-side h3,.conversation-card h3,.hero-copy h2,.machine-id,.machine-meta strong,.auth-stat strong,.panel-title,.metric,.value,.brand-name,.profile-box strong,.summary-tile strong,.section-header h1,.drawer-header h2) {
  color: #091427 !important;
}

html[data-theme="light"] body :is(.page-panel p,.page-panel li,.legal-section p,.legal-section li,.panel p,.panel li,.contact p,.proof p,.concept-card.dark p,.assistant p,.conversation-side p,.cockpit-main p,.loggy-panel p,.machine-meta div,.machine-badge,.panel-text,.auth-stat span,.kv span,.lead,.company,.eyebrow,.brand-subtitle,.profile-box span,.summary-label,.field-label,.muted) {
  color: #3f4f63 !important;
}

html[data-theme="light"] body .page-shell::before,
html[data-theme="light"] body .conversation-shell::before {
  opacity: .16 !important;
}

html[data-theme="light"] body :is(.modal,.commandLoadingModal) {
  background: rgba(238, 244, 251, .96);
}

html[data-theme="light"] body .bg-noise {
  opacity: .04;
}

html[data-theme="light"] body :where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid #d97706;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(255,255,255,.9);
}