:root {
 --color-paper: #0D0E15; --color-panel: #15171f; --color-panel-raised: #1c2028; --color-ink: #E5E7EB; --color-white: #faf8f2; --color-muted: #b4bac3; --color-dim: #969eaa; --color-rule: #343943; --color-accent: #FF007F; --color-accent-hover: #ff459f; --color-focus: #00FFFF; --color-cyan: #00FFFF; --color-orange: #FF9900; --color-error: #ff8590; --color-success: #86edc4; --color-transparent: transparent; --color-shadow: #00000055; --color-scrim: #0d0e15ef; --color-mid-scrim: #0d0e1599; --color-soft-scrim: #0d0e151a;
 --font-body: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; --font-display: 'Noto Serif SC', 'Songti SC', serif; --font-label: 'Noto Sans SC', sans-serif;
 --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --space-3xl: 72px;
 --text-body: 1rem; --text-small: .875rem; --text-display: clamp(2.7rem,6.3vw,5.75rem); --ease-out: cubic-bezier(.16,1,.3,1); --ease-in: cubic-bezier(.7,0,.84,0); --ease-in-out: cubic-bezier(.65,0,.35,1); --dur-fast: 160ms; --rule-hair: 1px; --radius-sm: 3px;
}