:root {
  --page-bg: #f7f6f2;
  --family-frame: #f1efe9;
  --surface: #ffffff;
  --surface-soft: #f9f8f5;
  --surface-softer: #fdfcf9;
  --ink: #111111;
  --ink-soft: #34312c;
  --muted: #555149;
  --muted-secondary: #716d68;
  --line: #d9d5ca;
  --line-strong: #bfb8a8;
  --accent: #8b6c32;
  --accent-strong: #6f5422;
  --accent-soft: #f4ebd7;
  --accent-line: #ccb487;
  --focus-ring: var(--accent);
  --success: #2f7f46;
  --success-soft: #edf5ef;
  --danger: #963c32;
  --danger-soft: #f8eeec;
  --danger-on-dark: #f3aba3;
  --warning: #8a6527;
  --warning-soft: #f8f0df;
  --shadow: 0 18px 52px rgba(26, 22, 16, 0.045);
  --max-width: 1920px;
  --page-pad: clamp(16px, 2.1vw, 40px);
  --font-ui: 'Jost', Arial, sans-serif;
  --type-small: 0.875rem;
  --type-caption: 0.8125rem;
  --type-control: 0.9375rem;
  --type-display-weight: 300;
  --control-height: 44px;
  --control-radius: 0;
  --surface-gutter: 26px;
  --footer-stamp: 24px;
  --footer-gap: 64px;
  --motion-quick: 160ms;
  --motion-distance: 5px;
  --ease-standard: cubic-bezier(0.22, 0.72, 0.19, 1);
  --workflow-height: 72px;
}