:root,
html[data-ui-theme="minimal_light"] {
  color-scheme: light;
  --ui-surface-page: #f1eee7;
  --ui-surface-panel: #faf9f6;
  --ui-surface-subtle: #ece8df;
  --ui-surface-raised: #ffffff;
  --ui-surface-hover: #e7eefc;
  --ui-border: #d6d0c5;
  --ui-border-strong: #bdb5a8;
  --ui-text: #292d33;
  --ui-text-muted: #68707a;
  --ui-text-subtle: #818894;
  --ui-primary: #356fd6;
  --ui-primary-hover: #285cb8;
  --ui-primary-soft: #e7eefc;
  --ui-primary-text: #ffffff;
  --ui-accent: #7658b8;
  --ui-accent-soft: #eee8fa;
  --ui-nav: #dce8f5;
  --ui-nav-item: #eef4fa;
  --ui-nav-hover: #c8d9ec;
  --ui-nav-text: #26384d;
  --ui-nav-muted: #56677a;
  --ui-nav-link: #3f6592;
  --ui-nav-active: #3f6fbf;
  --ui-nav-active-text: #ffffff;
  --ui-nav-border: #b9cbe0;
  --ui-danger: #a63f43;
  --ui-danger-soft: #f9e8e8;
  --ui-success: #2f7650;
  --ui-success-soft: #e4f2e9;
  --ui-warning: #8b6514;
  --ui-warning-soft: #f8efd7;
  --ui-overlay: rgba(24, 31, 42, 0.52);
  --ui-shadow-sm: 0 8px 22px rgba(35, 42, 52, 0.06);
  --ui-shadow-md: 0 18px 44px rgba(35, 42, 52, 0.09);
  --ui-focus-ring: 0 0 0 4px rgba(53, 111, 214, 0.2);
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-document-gap: 14px;
  --ui-document-control-height: 40px;
  --ui-document-main-ratio: 13fr;
  --ui-document-rail-ratio: 7fr;
}

html[data-ui-theme="dark"] {
  color-scheme: dark;
  --ui-surface-page: #11151b;
  --ui-surface-panel: #181e27;
  --ui-surface-subtle: #202835;
  --ui-surface-raised: #242d3a;
  --ui-surface-hover: #223a63;
  --ui-border: #303a49;
  --ui-border-strong: #465367;
  --ui-text: #e7ebf1;
  --ui-text-muted: #aab3c0;
  --ui-text-subtle: #8893a3;
  --ui-primary: #6ea0ff;
  --ui-primary-hover: #8ab2ff;
  --ui-primary-soft: #223a63;
  --ui-primary-text: #101722;
  --ui-accent: #b79cff;
  --ui-accent-soft: #352b51;
  --ui-nav: #0d1219;
  --ui-nav-item: rgba(255, 255, 255, 0.08);
  --ui-nav-hover: #1b2736;
  --ui-nav-text: #f2f5fa;
  --ui-nav-muted: #aab3c0;
  --ui-nav-link: #6ea0ff;
  --ui-nav-active: #1b2736;
  --ui-nav-active-text: #f2f5fa;
  --ui-nav-border: rgba(255, 255, 255, 0.08);
  --ui-danger: #ff9298;
  --ui-danger-soft: #49272c;
  --ui-success: #78c69a;
  --ui-success-soft: #1f3c2e;
  --ui-warning: #efc96f;
  --ui-warning-soft: #493b20;
  --ui-overlay: rgba(3, 7, 12, 0.72);
  --ui-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);
  --ui-shadow-md: 0 22px 56px rgba(0, 0, 0, 0.32);
  --ui-focus-ring: 0 0 0 4px rgba(110, 160, 255, 0.26);
}