:root,
html[data-theme="sr-forest"] {
  --page-bg: linear-gradient(180deg, #edf4f0 0%, #e5efea 100%);
  --shell-bg: rgba(255,255,255,0.82);
  --surface-bg: rgba(255,255,255,0.98);
  --surface-bg-strong: rgba(255,255,255,0.99);
  --surface-bg-soft: rgba(255,255,255,0.96);
  --surface-bg-subtle: rgba(248,250,252,0.96);
  --surface-bg-subtle-strong: rgba(248,250,252,0.98);
  --surface-bg-muted: #f8fafc;
  --surface-workspace: #f7fafc;
  --line: rgba(203,213,225,0.84);
  --line-strong: rgba(203,213,225,0.92);
  --line-stronger: rgba(203,213,225,0.94);
  --line-soft: rgba(226,232,240,0.9);
  --line-soft-strong: rgba(226,232,240,0.92);
  --line-soft-subtle: rgba(226,232,240,0.82);
  --line-soft-workspace: rgba(226,232,240,0.86);
  --line-divider: rgba(148,163,184,0.26);
  --line-divider-strong: rgba(46,169,141,0.22);
  --line-axis: rgba(148,163,184,0.28);
  --line-scroll: rgba(148,163,184,0.42);
  --text-main: #223247;
  --text-muted: #637488;
  --text-soft: #90a0b3;
  --text-heading: #1f2e44;
  --text-brand: #203047;
  --text-brand-muted: #7b8ca1;
  --text-body-strong: #234053;
  --text-body-active: #114a40;
  --text-body-subtle: #56657c;
  --text-toolbar: #34516d;
  --text-menu: #42546c;
  --text-status: #5f6f83;
  --text-workspace: #243146;
  --text-empty: #6c7c92;
  --text-secondary: #64748b;
  --text-input: #475569;
  --text-nav-button: #38506b;
  --text-pilot-title: #223247;
  --text-pilot-desc: #687991;
  --text-pilot-sub: #8b9ab0;
  --text-pilot-time: #8ea0b7;
  --accent: #2ea98d;
  --accent-strong: #166b58;
  --accent-soft: rgba(46,169,141,0.10);
  --accent-soft-2: rgba(46,169,141,0.08);
  --accent-soft-3: rgba(46,169,141,0.12);
  --accent-soft-4: rgba(46,169,141,0.18);
  --accent-soft-5: rgba(46,169,141,0.24);
  --accent-soft-6: rgba(46,169,141,0.28);
  --accent-soft-7: rgba(46,169,141,0.34);
  --accent-soft-8: rgba(46,169,141,0.35);
  --accent-soft-9: rgba(46,169,141,0.38);
  --accent-soft-10: rgba(46,169,141,0.40);
  --accent-soft-11: rgba(46,169,141,0.48);
  --accent-glow: rgba(46,169,141,0.20);
  --pause: #6f9e44;
  --pause-soft: rgba(111,158,68,0.12);
  --pause-soft-2: rgba(111,158,68,0.06);
  --pause-soft-3: rgba(111,158,68,0.14);
  --pause-soft-4: rgba(111,158,68,0.18);
  --pause-soft-5: rgba(111,158,68,0.24);
  --pause-soft-6: rgba(111,158,68,0.26);
  --pause-soft-7: rgba(111,158,68,0.34);
  --pause-soft-8: rgba(111,158,68,0.38);
  --ticker: #f97316;
  --ticker-soft: rgba(249,115,22,0.12);
  --ticker-soft-2: rgba(249,115,22,0.10);
  --ticker-soft-3: rgba(249,115,22,0.16);
  --ticker-soft-4: rgba(249,115,22,0.22);
  --ticker-soft-5: rgba(249,115,22,0.28);
  --ticker-soft-6: rgba(249,115,22,0.36);
  --ticker-soft-7: rgba(249,115,22,0.42);
  --hint-bg: #fff4e8;
  --hint-border: rgba(242,193,143,0.7);
  --hint-text: #c26714;
  --danger: #ef4444;
  --danger-strong: #dc2626;
  --danger-border: rgba(0,0,0,0.1);
  --focus-bg: #e2e8f0;
  --input-border: #cbd5e1;
  --white: #fff;
  --black-10: rgba(0,0,0,0.1);
  --shadow-shell: 0 26px 80px -46px rgba(15,23,42,0.22);
  --shadow-card: 0 18px 40px -34px rgba(15,23,42,0.16);
  --shadow-float: 0 18px 38px -30px rgba(15,23,42,0.24);
  --shadow-elevated: 0 24px 64px -40px rgba(15,23,42,0.28);
  --shadow-overlay: 0 24px 58px -38px rgba(15,23,42,0.32);
  --shadow-soft: 0 14px 30px -34px rgba(15,23,42,0.14);
  --shadow-panel: 0 18px 42px -34px rgba(15,23,42,0.24);
  --shadow-modal: 0 24px 64px -24px rgba(15,23,42,0.3);
  --shadow-subtle: 0 14px 28px -26px rgba(15,23,42,0.18);
  --shadow-dot: 0 8px 18px -16px rgba(15,23,42,0.22);
  --draft-border: rgba(148,163,184,0.72);
  --draft-surface: linear-gradient(180deg, rgba(148,163,184,0.08), rgba(255,255,255,0.98));
  --sync-action: #c26714;
  --sync-action-soft: rgba(249,115,22,0.10);
  --sync-action-border: rgba(255,122,20,0.26);
  --release-border: rgba(37,99,235,0.22);
  --release-surface: rgba(37,99,235,0.06);
  --release-chip-bg: rgba(37,99,235,0.10);
  --release-chip-text: #2454c2;
}

html[data-theme="sr-slate"] {
  --page-bg: linear-gradient(180deg, #eef2f7 0%, #e6ebf2 100%);
  --accent: #3b82f6;
  --accent-strong: #1d4ed8;
  --accent-soft: rgba(59,130,246,0.10);
  --accent-soft-2: rgba(59,130,246,0.08);
  --accent-soft-3: rgba(59,130,246,0.12);
  --accent-soft-4: rgba(59,130,246,0.18);
  --accent-soft-5: rgba(59,130,246,0.24);
  --accent-soft-6: rgba(59,130,246,0.28);
  --accent-soft-7: rgba(59,130,246,0.34);
  --accent-soft-8: rgba(59,130,246,0.35);
  --accent-soft-9: rgba(59,130,246,0.38);
  --accent-soft-10: rgba(59,130,246,0.40);
  --accent-soft-11: rgba(59,130,246,0.48);
  --accent-glow: rgba(59,130,246,0.20);
  --pause: #64748b;
  --pause-soft: rgba(100,116,139,0.12);
  --pause-soft-2: rgba(100,116,139,0.06);
  --pause-soft-3: rgba(100,116,139,0.14);
  --pause-soft-4: rgba(100,116,139,0.18);
  --pause-soft-5: rgba(100,116,139,0.24);
  --pause-soft-6: rgba(100,116,139,0.26);
  --pause-soft-7: rgba(100,116,139,0.34);
  --pause-soft-8: rgba(100,116,139,0.38);
  --draft-border: rgba(71,85,105,0.72);
  --draft-surface: linear-gradient(180deg, rgba(71,85,105,0.08), rgba(255,255,255,0.98));
}

html[data-theme="sr-warm"] {
  --page-bg: linear-gradient(180deg, #f7efe6 0%, #efe3d5 100%);
  --accent: #b45309;
  --accent-strong: #92400e;
  --accent-soft: rgba(180,83,9,0.10);
  --accent-soft-2: rgba(180,83,9,0.08);
  --accent-soft-3: rgba(180,83,9,0.12);
  --accent-soft-4: rgba(180,83,9,0.18);
  --accent-soft-5: rgba(180,83,9,0.24);
  --accent-soft-6: rgba(180,83,9,0.28);
  --accent-soft-7: rgba(180,83,9,0.34);
  --accent-soft-8: rgba(180,83,9,0.35);
  --accent-soft-9: rgba(180,83,9,0.38);
  --accent-soft-10: rgba(180,83,9,0.40);
  --accent-soft-11: rgba(180,83,9,0.48);
  --accent-glow: rgba(180,83,9,0.20);
  --pause: #7c6f64;
  --pause-soft: rgba(124,111,100,0.12);
  --pause-soft-2: rgba(124,111,100,0.06);
  --pause-soft-3: rgba(124,111,100,0.14);
  --pause-soft-4: rgba(124,111,100,0.18);
  --pause-soft-5: rgba(124,111,100,0.24);
  --pause-soft-6: rgba(124,111,100,0.26);
  --pause-soft-7: rgba(124,111,100,0.34);
  --pause-soft-8: rgba(124,111,100,0.38);
}