:root {
  --page-bg: #f4f2eb;
  --surface: #ffffff;
  --surface-soft: #f9f7f1;
  --surface-softer: #fcfbf8;
  --ink: #111111;
  --ink-soft: #34312c;
  --muted: #555149;
  --muted-secondary: #716d68;
  --line: #d9d5ca;
  --line-strong: #bfb8a8;
  --canopy: #000000;
  --canopy-soft: #0d0d0d;
  --canopy-muted: rgba(255, 255, 255, 0.62);
  --canopy-line: rgba(255, 255, 255, 0.15);
  --accent: #8b6c32;
  --accent-strong: #6f5422;
  --accent-soft: #f4ebd7;
  --accent-line: #ccb487;
  --success: #2f7f46;
  --success-soft: #edf5ef;
  --danger: #963c32;
  --danger-soft: #f8eeec;
  --warning: #8a6527;
  --warning-soft: #f8f0df;
  --shadow: 0 18px 52px rgba(26, 22, 16, 0.045);
  --shadow-soft: 0 10px 28px rgba(26, 22, 16, 0.03);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --max-width: 1296px;
  --page-pad: clamp(18px, 2.1vw, 30px);
  --motion-micro: 120ms;
  --motion-quick: 160ms;
  --motion-standard: 260ms;
  --motion-confirm: 420ms;
  --motion-arrive: 620ms;
  --ease-standard: cubic-bezier(0.22, 0.72, 0.19, 1);
  --ease-artifact: cubic-bezier(0.19, 0.86, 0.2, 1);
  --workflow-height: 70px;
  --workflow-spine-y: 40.5px;
  --workflow-track-width: min(875px, calc(100vw - 92px));
}