:root {
  --bg: #ECEAE3;
  --surface: #F6F3EC;
  --surface-soft: rgba(255,255,255,.48);
  --surface-strong: #FAF8F3;

  --ink: #141312;
  --muted: #5B574F;
  --subtle: #807A70;

  --line: rgba(20,19,18,.18);
  --line-strong: rgba(20,19,18,.46);

  --dark: #0D0D0D;
  --white: #FFFFFF;

  --iri: linear-gradient(
    135deg,
    #8FD6D2 0%,
    #ECA8C8 38%,
    #ECE0C2 70%,
    #B3A9DD 100%
  );

  --font-editorial:
    ui-serif,
    Georgia,
    Cambria,
    "Times New Roman",
    "Noto Serif SC",
    "Source Han Serif SC",
    "Songti SC",
    STSong,
    serif;

  --font-heading:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans SC",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    sans-serif;

  --font-mono:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;

  --font-body: var(--font-editorial);

  --fs-display-xl: clamp(3.375rem, 7vw, 6.5rem);
  --fs-display-lg: clamp(2.5rem, 5.6vw, 4.75rem);
  --fs-page-title: clamp(2.5rem, 5vw, 4.375rem);
  --fs-section-title: clamp(1.625rem, 2.8vw, 2.375rem);
  --fs-item-title: clamp(1.25rem, 1.7vw, 1.625rem);
  --fs-body-lg: clamp(1.125rem, 1.2vw, 1.3125rem);
  --fs-body: 1.0625rem;
  --fs-small: .875rem;
  --fs-micro: .6875rem;

  --lh-display: 0.98;
  --lh-title: 1.14;
  --lh-body: 1.72;
  --lh-reading: 1.82;
  --lh-small: 1.45;

  --measure-copy: 68ch;
  --measure-lead: 54ch;

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 88px;
  --s10: 120px;

  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --shadow-overlay: 0 18px 60px rgba(20,19,18,.12);

  --page-max: 1440px;
  --mx: clamp(22px, 4.5vw, 64px);
  --gutter-xl: 64px;
  --gutter-lg: 48px;
  --gutter-md: 32px;
  --gutter-sm: 20px;
}