:root {
  color-scheme: dark;
  --ui-bg: #010102;
  --ui-bg-soft: #0f1011;
  --ui-surface: #141516;
  --ui-surface-strong: #18191a;
  --ui-border: #23252a;
  --ui-border-soft: #23252a;
  --ui-border-strong: #34343a;
  --ui-border-bright: #34343a;
  --ui-border-hover: #3e3e44;
  --ui-text: #f7f8f8;
  --ui-muted: #d0d6e0;
  --ui-subtle: #8a8f98;
  --ui-accent: #5e6ad2;
  --ui-accent-hover: #828fff;
  --ui-accent-soft: rgba(94, 106, 210, 0.14);
  --ui-success: #27a644;
  --ui-success-soft: rgba(39, 166, 68, 0.12);
  --ui-success-border: rgba(39, 166, 68, 0.45);
  --ui-warning: #eab308;
  --ui-warning-soft: rgba(234, 179, 8, 0.12);
  --ui-warning-border: rgba(234, 179, 8, 0.45);
  --ui-danger: #ef4444;
  --ui-danger-soft: rgba(239, 68, 68, 0.12);
  --ui-danger-border: rgba(239, 68, 68, 0.45);
  --ui-info: #5e6ad2;
  --ui-info-soft: rgba(94, 106, 210, 0.14);
  --ui-info-border: rgba(94, 106, 210, 0.5);
  --ui-focus: rgba(94, 105, 209, 0.55);
  --ui-readonly-focus: rgba(239, 68, 68, 0.2);
  --ui-readonly-border: rgba(239, 68, 68, 0.5);
  --ui-mono: "Geist Mono", "IBM Plex Mono", "SF Mono", "Cascadia Mono", "Consolas", monospace;
  --ui-display: "Inter", "SF Pro Display", "Noto Sans TC", system-ui, sans-serif;
  --ui-text-font: "Inter", "Noto Sans TC", "Microsoft JhengHei UI", system-ui, sans-serif;
  --ui-radius: 8px;
  --ui-radius-sm: 6px;
  --ui-radius-lg: 12px;
  --ui-radius-xl: 16px;
  --ui-radius-xxl: 24px;
  --sidebar-width: 16rem;
  /* Shared page container tokens. Page views should not redefine these. */
  --page-max-width: 1280px;
  --page-padding-inline: clamp(0.75rem, 1.5vw, 1.5rem);
  --page-padding-top: 2rem;
  --page-padding-bottom: 4rem;
  --text-sm-fluid: clamp(0.875rem, 0.84rem + 0.18vw, 1rem);
  --text-base-fluid: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-heading-fluid: clamp(1.75rem, 1.25rem + 2.5vw, 3.5rem);
  --space-section-fluid: clamp(2rem, 1.25rem + 3vw, 5rem);
}