html.premium-os-theme {
  --xodox-surface-app: var(--po-body-bg, #f3f6fb);
  --xodox-surface-shell: var(--po-surface, #ffffff);
  --xodox-surface-shell-muted: var(--po-surface-muted, #f7f9fc);
  --xodox-surface-shell-raised: var(--po-surface-elevated, var(--po-surface, #ffffff));
  --xodox-surface-input: var(--po-input-bg, #ffffff);
  --xodox-surface-overlay: var(--po-overlay-surface, rgba(255, 255, 255, 0.97));
  --xodox-border-soft: var(--po-border-soft, #dde6f1);
  --xodox-border-strong: var(--po-border-strong, #c6d3e2);
  --xodox-text-primary: var(--po-text-primary, #334155);
  --xodox-text-secondary: var(--po-text-secondary, #526177);
  --xodox-text-muted: var(--po-text-muted, #738297);
  --xodox-text-strong: var(--po-text-strong, #0f172a);
  --xodox-input-placeholder: rgba(115, 130, 151, 0.92);
  --xodox-shadow-bridge: 0 18px 40px rgba(15, 23, 42, 0.08);
  --xodox-shadow-overlay: 0 24px 60px rgba(15, 23, 42, 0.14);
  --xodox-bridge-hover: rgba(53, 96, 241, 0.08);
  --xodox-bridge-hover-strong: rgba(53, 96, 241, 0.14);
  --xodox-semantic-success-bg: rgba(15, 157, 110, 0.12);
  --xodox-semantic-success-border: rgba(15, 157, 110, 0.26);
  --xodox-semantic-success-text: #0b7f59;
  --xodox-semantic-info-bg: rgba(59, 130, 246, 0.12);
  --xodox-semantic-info-border: rgba(59, 130, 246, 0.26);
  --xodox-semantic-info-text: #1d4ed8;
  --xodox-semantic-warning-bg: rgba(245, 158, 11, 0.14);
  --xodox-semantic-warning-border: rgba(245, 158, 11, 0.28);
  --xodox-semantic-warning-text: #b45309;
  --xodox-semantic-danger-bg: rgba(239, 68, 68, 0.13);
  --xodox-semantic-danger-border: rgba(239, 68, 68, 0.28);
  --xodox-semantic-danger-text: #b91c1c;
}

html[data-xodox-theme="light"].premium-os-theme,
html.premium-os-theme:not([data-xodox-theme]) {
  color-scheme: light;
}

html[data-xodox-theme="dark"].premium-os-theme,
html[data-premium-os-theme="dark"].premium-os-theme {
  --xodox-surface-app: #0d1218;
  --xodox-surface-shell: #151c24;
  --xodox-surface-shell-muted: #1a2330;
  --xodox-surface-shell-raised: #202a37;
  --xodox-surface-input: #121922;
  --xodox-surface-overlay: rgba(18, 25, 34, 0.98);
  --xodox-border-soft: #27313d;
  --xodox-border-strong: #34404e;
  --xodox-text-primary: #cfd9e6;
  --xodox-text-secondary: #a4b1c2;
  --xodox-text-muted: #8291a4;
  --xodox-text-strong: #f7f9fc;
  --xodox-input-placeholder: rgba(130, 145, 164, 0.95);
  --xodox-shadow-bridge: 0 18px 40px rgba(2, 6, 12, 0.24);
  --xodox-shadow-overlay: 0 26px 70px rgba(2, 6, 12, 0.46);
  --xodox-bridge-hover: rgba(106, 134, 255, 0.12);
  --xodox-bridge-hover-strong: rgba(106, 134, 255, 0.2);
  --xodox-semantic-success-bg: rgba(15, 157, 110, 0.16);
  --xodox-semantic-success-border: rgba(15, 157, 110, 0.34);
  --xodox-semantic-success-text: #7ce2b9;
  --xodox-semantic-info-bg: rgba(59, 130, 246, 0.16);
  --xodox-semantic-info-border: rgba(59, 130, 246, 0.34);
  --xodox-semantic-info-text: #9fc0ff;
  --xodox-semantic-warning-bg: rgba(245, 158, 11, 0.18);
  --xodox-semantic-warning-border: rgba(245, 158, 11, 0.34);
  --xodox-semantic-warning-text: #f6c978;
  --xodox-semantic-danger-bg: rgba(239, 68, 68, 0.18);
  --xodox-semantic-danger-border: rgba(239, 68, 68, 0.34);
  --xodox-semantic-danger-text: #ffaba7;
  color-scheme: dark;
}

html.premium-os-theme {
  --xodox-surface-table: var(--xodox-surface-shell-muted);
  --xodox-surface-table-alt: #eef3fa;
  --xodox-surface-table-head: var(--xodox-surface-shell-raised);
  --xodox-surface-table-toolbar: #e5edf8;
  --xodox-surface-table-selected: rgba(53, 96, 241, 0.12);
  --xodox-table-row-separator: var(--xodox-border-soft);
}

html[data-xodox-theme="dark"].premium-os-theme,
html[data-premium-os-theme="dark"].premium-os-theme {
  --xodox-surface-table: #1a2430;
  --xodox-surface-table-alt: #202b38;
  --xodox-surface-table-head: #243142;
  --xodox-surface-table-toolbar: #202b38;
  --xodox-surface-table-selected: rgba(106, 134, 255, 0.18);
  --xodox-table-row-separator: #334052;
}