/* Neutral palette: bright surfaces and dark ink reverse in dark mode. */
:root {
  color-scheme: light;
  --tone-0: 0 0 0;
  --tone-40: 40 40 40;
  --tone-48: 48 48 48;
  --tone-56: 56 56 56;
  --tone-64: 64 64 64;
  --tone-72: 72 72 72;
  --tone-80: 80 80 80;
  --tone-88: 88 88 88;
  --tone-96: 96 96 96;
  --tone-104: 104 104 104;
  --tone-112: 112 112 112;
  --tone-120: 120 120 120;
  --tone-128: 128 128 128;
  --tone-144: 144 144 144;
  --tone-160: 160 160 160;
  --tone-168: 168 168 168;
  --tone-176: 176 176 176;
  --tone-184: 184 184 184;
  --tone-192: 192 192 192;
  --tone-200: 200 200 200;
  --tone-208: 208 208 208;
  --tone-216: 216 216 216;
  --tone-224: 224 224 224;
  --tone-232: 232 232 232;
  --tone-240: 240 240 240;
  --tone-248: 248 248 248;
  --tone-255: 255 255 255;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --tone-0: 242 242 242;
  --tone-40: 207 207 207;
  --tone-48: 200 200 200;
  --tone-56: 193 193 193;
  --tone-64: 186 186 186;
  --tone-72: 179 179 179;
  --tone-80: 172 172 172;
  --tone-88: 165 165 165;
  --tone-96: 158 158 158;
  --tone-104: 151 151 151;
  --tone-112: 144 144 144;
  --tone-120: 137 137 137;
  --tone-128: 130 130 130;
  --tone-144: 116 116 116;
  --tone-160: 101 101 101;
  --tone-168: 94 94 94;
  --tone-176: 87 87 87;
  --tone-184: 80 80 80;
  --tone-192: 73 73 73;
  --tone-200: 66 66 66;
  --tone-208: 59 59 59;
  --tone-216: 52 52 52;
  --tone-224: 45 45 45;
  --tone-232: 38 38 38;
  --tone-240: 31 31 31;
  --tone-248: 24 24 24;
  --tone-255: 18 18 18;
}