:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f2f5f3;
  --s0: #ffffff;
  --s1: #f8faf9;
  --s2: #edf2ef;
  --s3: #e3eae5;
  --bd: #dce4df;
  --bd2: #c8d4cc;

  --brand-teal: #087f74;
  --brand-green: #138a4e;
  --brand-lime: #63851c;
  --brand-dark: #173c27;

  --ok: #138a4e;
  --warn: #9a6700;
  --danger: #c93636;
  --info: #2563c9;
  --neutral: #7650b5;

  --sec-arm: #5f6e64;
  --sec-cor: #2563c9;
  --sec-ser: #9a6700;
  --sec-maq: #7650b5;
  --sec-pin: #b83270;
  --sec-mec: #138a4e;
  --sec-hid: #087f9c;
  --sec-ele: #b45309;
  --sec-gps: #4f46b8;
  --sec-qc: #c93636;
  --sec-emb: #526273;
  --sec-exp: #087f74;

  --tx: #223229;
  --tx2: #52675a;
  --tx3: #74857a;
  --wh: #12251a;

  --shadow-card: 0 10px 30px rgb(27 58 39 / 8%);
  --focus-ring: 0 0 0 3px rgb(19 138 78 / 18%);
}

:root[data-theme="light"] body {
  background:
    radial-gradient(circle at 82% 0%, rgb(19 138 78 / 6%), transparent 34rem),
    linear-gradient(145deg, #f7f9f8, var(--bg) 58%, #edf2ef);
}

:root[data-theme="light"] .sidebar {
  border-right-color: #d7e0da;
  background: rgb(251 253 252 / 96%);
  box-shadow: 12px 0 38px rgb(27 58 39 / 5%);
}

:root[data-theme="light"] .topbar {
  border-bottom-color: #d8e1db;
  background: rgb(255 255 255 / 90%);
  box-shadow: 0 4px 22px rgb(27 58 39 / 5%);
}

:root[data-theme="light"] .global-search,
:root[data-theme="light"] .icon-button,
:root[data-theme="light"] .button.quiet,
:root[data-theme="light"] .language-select {
  border-color: #d5dfd8;
  background: #ffffff;
  box-shadow: 0 2px 8px rgb(27 58 39 / 4%);
}

:root[data-theme="light"] .button.primary {
  border-color: #126d3f;
  background: linear-gradient(135deg, #176f43, #138a4e);
  box-shadow: 0 8px 20px rgb(19 138 78 / 18%);
  color: #ffffff;
}

:root[data-theme="light"] .button.primary:hover {
  border-color: #0f5e36;
  background: linear-gradient(135deg, #12653b, #0f7a44);
}

:root[data-theme="light"] .nav-item {
  color: #52675a;
}

:root[data-theme="light"] .nav-item:hover {
  background: #eef5f0;
  color: #173c27;
}

:root[data-theme="light"] .nav-item.active {
  background: linear-gradient(100deg, #dff3e6, #eef8f1);
  color: #0d7640;
}

:root[data-theme="light"] .nav-item.active::before {
  box-shadow: 0 0 12px rgb(19 138 78 / 28%);
}

:root[data-theme="light"] .panel {
  border-color: #dbe4de;
  background: linear-gradient(145deg, #ffffff, #fbfcfb);
  box-shadow: var(--shadow-card);
}

:root[data-theme="light"] .kpi,
:root[data-theme="light"] .metric,
:root[data-theme="light"] .foundation-side {
  border-color: #dbe4de;
  background: #ffffff;
  box-shadow: 0 8px 24px rgb(27 58 39 / 6%);
}

:root[data-theme="light"] .kpi.accent {
  border-color: #add6bb;
  background: linear-gradient(145deg, #eaf7ee, #ffffff);
}

:root[data-theme="light"] .page-eyebrow,
:root[data-theme="light"] .panel-kicker,
:root[data-theme="light"] .eyebrow {
  color: #63851c;
}

:root[data-theme="light"] th {
  border-bottom-color: #ccd8d0;
  background: #eef3f0;
  color: #52675a;
}

:root[data-theme="light"] td {
  color: #52675a;
}

:root[data-theme="light"] tbody tr {
  background: #ffffff;
}

:root[data-theme="light"] tbody tr:nth-child(even) {
  background: #fbfcfb;
}

:root[data-theme="light"] tbody tr:hover {
  background: #edf7f0;
}

:root[data-theme="light"] .shortage-row,
:root[data-theme="light"] .subcontract-list > div.late,
:root[data-theme="light"] .gantt-row.overloaded {
  background: #fff7f6;
}

:root[data-theme="light"] .gantt-track {
  background: #f1f5f2;
}

:root[data-theme="light"] .gantt-track button {
  color: #1e3025;
}

:root[data-theme="light"] .order-table-wrap,
:root[data-theme="light"] .responsive-table {
  border-color: #dbe4de;
  background: #ffffff;
}

:root[data-theme="light"] .progress {
  background: #dfe8e2;
}

:root[data-theme="light"] .badge,
:root[data-theme="light"] .filter-chip,
:root[data-theme="light"] .machine-tabs button,
:root[data-theme="light"] .detail-facts span,
:root[data-theme="light"] .config-grid span,
:root[data-theme="light"] .active-sections > span {
  background: #f7faf8;
}

:root[data-theme="light"] .filter-chip.active,
:root[data-theme="light"] .machine-tabs button.active {
  border-color: #8fc9a3;
  background: #e7f5ec;
  color: #0d7640;
}

:root[data-theme="light"] .alert-button {
  border-color: #e8d6a8;
  background: #fff9e9;
  color: #8c5d00;
}

:root[data-theme="light"] .alert-button b {
  border-color: #ffffff;
}

:root[data-theme="light"] .overlay-card {
  border-color: #d2ddd5;
  background: #ffffff;
  box-shadow: 0 28px 90px rgb(20 45 30 / 24%);
}

:root[data-theme="light"] .terminal-overlay .overlay-card {
  background: #f4f7f5;
}

:root[data-theme="light"] .terminal-order {
  border-color: #bcd7c5;
  background: linear-gradient(145deg, #e7f5ec, #ffffff);
}

:root[data-theme="light"] .terminal-start {
  background: linear-gradient(135deg, #176f43, #138a4e);
  box-shadow: 0 10px 24px rgb(19 138 78 / 18%);
  color: #ffffff;
}

:root[data-theme="light"] .auth-panel {
  border-right-color: #d8e1db;
  background: rgb(255 255 255 / 94%);
}

:root[data-theme="light"] .status-card {
  border-color: #dbe4de;
  background:
    radial-gradient(circle at 100% 0%, rgb(19 138 78 / 8%), transparent 24rem),
    linear-gradient(145deg, #ffffff, #f7faf8);
}

:root[data-theme="light"] ::selection {
  background: #ccebd7;
  color: #12251a;
}