/* Skinlog — Material Study tokens. Source of truth: docs/design/redesign-06/system-c/spec.md (mirrored as Figma variables, collection "Material Study"). */
:root {
  color-scheme: light;
  /* tone rooms */
  --room-bone: #EDE6DD;
  --room-paper: #F6F2EC;
  --room-clay: #CDB8A6;
  --room-plum-grey: #6E5A63;
  /* text and marks */
  --ink: #2A2326;
  --ink-soft: #5A4F54;
  --text-on-dark: #F6F2EC;
  --plum: #5D344F;
  --plum-pressed: #4A2840;
  --line: #8C7F82;
  --status-system-error: #8E2F25;
  --status-saved: #3F5E4C;
  /* type */
  --font-reading: 'Newsreader', Georgia, serif;
  --font-facts: 'Source Sans 3', 'Segoe UI', sans-serif;
  --word-tracking: .18em;
  /* space (4 · 8 · 16 · 24 · 32 · 48 · 64 · 96 · 128) */
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;
  /* layout */
  --page-max: 1440px;
  --reading-max: 760px;
  --wall-label-min: 176px;
  --control-height: 48px;
  --touch-target: 44px;
  --icon-size: 24px;
  --match-dot: 8px;
  --rule-width: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --room-min: 640px;
  --layer-navigation: 4;
  --layer-toast: 5;
  --layer-skip-link: 10;
  /* motion */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --duration-enter: 400ms;
}