/* One component system; the dark palette signals the deeper reading mode. */
:root {
  color-scheme: light;
  --theme-bg: #fff;
  --theme-ink: #000;
  --theme-muted: #666;
  --theme-body-ink: #333;
  --theme-line: #e5e5e5;
  --theme-surface: #f5f5f5;
  --theme-header: #f8f8f8;
  --theme-header-border: transparent;
  --theme-font: Arial, 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --theme-nav-text: #333;
  --theme-nav-size: 14px;
  --theme-nav-weight: 400;
  --theme-nav-line: 1px;
  --theme-nav-active: #000;
  --theme-title-size: clamp(32px, 3.5vw, 52px);
  --theme-title-weight: 400;
  --theme-title-leading: 1.12;
  --theme-title-tracking: -.035em;
  --theme-title-cjk-leading: 1.25;
  --theme-title-cjk-tracking: -.01em;
  --theme-mobile-title: 32px;
  --theme-body-size: 16px;
  --theme-body-leading: 1.8;
  --theme-ui-size: 14px;
  --theme-caption-size: 12px;
  --theme-button: #000;
  --theme-button-text: #fff;
  --theme-button-border: #000;
  --theme-button-hover: #333;
  --theme-button-weight: 400;
  --theme-button-radius: 40px;
  --theme-button-height: 44px;
  --theme-button-padding: 10px 20px;
  --theme-item-radius: 12px;
  --theme-hover: #f5f5f5;
  --theme-selected: #f1f1f1;
  --theme-accent: #000;
  --theme-track-width: 1px;
  --theme-status: #666;
  --theme-focus: #000;
  --theme-motion-ink: 0, 0, 0;
}
:root[data-theme="stacks"] {
  color-scheme: dark;
  --theme-bg: #141414;
  --theme-ink: #fff;
  --theme-muted: #d9d3ce;
  --theme-body-ink: #f2ede9;
  --theme-line: #333;
  --theme-surface: #262626;
  --theme-header: #141414;
  --theme-header-border: #333;
  --theme-nav-text: #d9d3ce;
  --theme-nav-active: #fff;
  --theme-button: #fff;
  --theme-button-text: #141414;
  --theme-button-border: transparent;
  --theme-button-hover: #f2ede9;
  --theme-hover: #262626;
  --theme-selected: #333;
  --theme-accent: #e6ab8a;
  --theme-status: #e6ab8a;
  --theme-focus: #fff;
  --theme-motion-ink: 242, 237, 233;
}
.motion-prototype .theme-description { flex-basis: 100%; color: var(--ink); }
@media (max-width: 767px) {
  .motion-prototype :is(.motion-action,.stage-action) { min-height: 48px; }
}