:root {
  --color-paper: #f3f6f8;
  --color-surface: #e7edf2;
  --color-surface-deep: #d8e3ed;
  --color-ink: #172e44;
  --color-muted: #516477;
  --color-accent: #254edb;
  --color-accent-dark: #1937a3;
  --color-accent-ink: #f8faff;
  --color-rule: #c5d0db;
  --color-peach: #f3d4bd;
  --color-blue-light: #adc7ed;
  --color-blue-mid: #577ddb;
  --color-blue-dark: #244989;
  --color-clear: transparent;
  --color-backdrop: #172e449e;
  --photo-paper: #10161d;
  --photo-surface: #1b2530;
  --photo-surface-deep: #263343;
  --photo-ink: #edf2f7;
  --photo-muted: #a9b8c7;
  --photo-rule: #344453;
  --photo-accent: #aacbff;
  --photo-accent-dark: #c7ddff;
  --photo-accent-ink: #102033;
  --photo-backdrop: #03080de6;
  --font-display: 'Instrument Serif', 'Microsoft YaHei', serif;
  --font-body: 'Manrope', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-body: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.7rem, 3vw, 2.5rem);
  --text-display: clamp(4.5rem, 7.8vw, 8.2rem);
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --rule: 1px solid var(--color-rule);
  --radius-sm: .25rem;
  --radius-md: .75rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-short: 180ms;
  --dur-medium: 280ms;
}