:root {
  --brand: #C07A35;
  --on-brand: #FEFEFE;
  --primary: #A56226;
  --surface: #F8F2EA;
  --surface-lowest: #F9F9F9;
  --surface-low: #F2E9DE;
  --surface-mid: #EADDCF;
  --surface-high: #E1D1C0;
  --surface-highest: #D6C2AD;
  --ink: #211A15;
  --ink-muted: #625548;
  --outline: #B5A492;
  --outline-soft: #CDBBA8;
  --inverse-accent: #E8A84E;
  --library-center: #FFFFFF;
  --library-inner: #FFFDF8;
  --library-outer: #E0CCB7;
  --library-edge: #D1B79F;
  --shell: min(1240px, calc(100% - 80px));
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 96px;
  --space-12: 120px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 20px;
  --radius-xl: 28px;
  --shadow-photo: 0 18px 48px rgba(33, 26, 21, .12);
  --shadow-surface: 0 8px 24px rgba(33, 26, 21, .10);
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-settle: cubic-bezier(.16, 1, .3, 1);
  color: var(--ink);
  background: var(--surface);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}