:root {
  --bg-0: #07080a;
  --bg-1: #0b0d10;
  --bg-2: #101318;
  --surface-1: #14171c;
  --surface-2: #191d23;
  --surface-3: #20252c;
  --surface-ivory: #e8e1d5;
  --surface-paper: #d8d0c3;
  --surface-label: #f1ede5;
  --line-1: #292e35;
  --line-2: #3b424b;
  --line-paper: #b8afa1;
  --text-1: #f2f0ec;
  --text-2: #bbb8b1;
  --text-3: #85847f;
  --ink: #202328;
  --ink-soft: #5c5c58;
  --hematoxylin: #9b7ad5;
  --hematoxylin-deep: #6f4fad;
  --hematoxylin-soft: #c5b1e8;
  --eosin: #df82a5;
  --eosin-soft: #f0b2c8;
  --neutron: #63c7c0;
  --neutron-deep: #2c8d89;
  --neutron-soft: #b8ebe7;
  --success: #70c795;
  --warning: #d8b76a;
  --danger: #df7280;
  --info: #7ba8ce;
  --shadow-low: 0 12px 30px rgba(0, 0, 0, .22);
  --shadow-mid: 0 24px 64px rgba(0, 0, 0, .34);
  --shadow-high: 0 38px 100px rgba(0, 0, 0, .48);
  --radius-1: 3px;
  --radius-2: 6px;
  --radius-3: 9px;
  --radius-4: 12px;
  --tap: 44px;
  --header-height: 124px;
  --content-max: 1740px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
@media (prefers-reduced-motion: reduce) { :root { --ease: linear; } }