/* The shell's token set for page fragments (K9.B13): the same names and values as the shell's own tokens block,
   dark on :root, light on [data-theme=light], plus the Inbox kind hues (M3 B4). A page names no colour of its own. */

/* tokens:start */
:root {
  --bg-0: #0e1117; --bg-1: #151922; --bg-2: #1c2130; --bg-3: #242a3a;
  --line-1: #2b3243; --line-2: #3b4458;
  --ink-1: #eef2f8; --ink-2: #a3adbf; --ink-3: #7a8498;
  --accent: #7ab0e0; --accent-ink: #0e1117; --accent-dim: rgba(122, 176, 224, .14);
  --warm: #e0b87a; --warm-dim: rgba(224, 184, 122, .14);
  --ok: #7ad0a0; --ok-dim: rgba(122, 208, 160, .14);
  --bad: #e07a7a; --bad-dim: rgba(224, 122, 122, .14);
  --info: #7ab0e0; --info-dim: rgba(122, 176, 224, .16);
  --dim: rgba(0, 0, 0, .55);
  --shadow: 0 2px 10px rgba(0, 0, 0, .4); --toast-bg: #eef2f8; --toast-ink: #0e1117;
  --focus: 0 0 0 2px #7ab0e0 inset;
  --hue-green: #7ad0a0; --hue-blue: #7ab0e0; --hue-amber: #e0b87a; --hue-red: #e07a7a; --hue-violet: #b79ae8;
  --hue-teal: #6cc9c4; --hue-pink: #e693c4; --hue-orange: #e8a06c; --hue-lime: #b5d66a; --hue-slate: #8b95a8;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg-0: #f4f6fa; --bg-1: #ffffff; --bg-2: #f7f8fb; --bg-3: #eceff5;
  --line-1: #e1e5ee; --line-2: #c9d0dd;
  --ink-1: #141923; --ink-2: #4b5566; --ink-3: #5c6778;
  --accent: #2f6fb5; --accent-ink: #ffffff; --accent-dim: rgba(47, 111, 181, .12);
  --warm: #a9741e; --warm-dim: rgba(169, 116, 30, .12);
  --ok: #1f8a57; --ok-dim: rgba(31, 138, 87, .12);
  --bad: #c43d3d; --bad-dim: rgba(196, 61, 61, .1);
  --info: #2f6fb5; --info-dim: rgba(47, 111, 181, .12);
  --dim: rgba(20, 25, 35, .35);
  --shadow: 0 2px 10px rgba(0, 0, 0, .12); --toast-bg: #141923; --toast-ink: #ffffff;
  --focus: 0 0 0 2px #2f6fb5 inset;
  --hue-green: #1f8a57; --hue-blue: #2f6fb5; --hue-amber: #a9741e; --hue-red: #c43d3d; --hue-violet: #7253b8;
  --hue-teal: #16827d; --hue-pink: #b0397f; --hue-orange: #b8622a; --hue-lime: #5f8a12; --hue-slate: #5c6778;
  color-scheme: light;
}
/* tokens:end */

:root {
  --t1: 26px; --t2: 20px; --t3: 17px; --t4: 15.5px; --t5: 13px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r1: 8px; --r2: 12px; --r3: 16px; --pill: 999px;
  --hit: 44px; --measure: 760px;
  --ease: cubic-bezier(.2, .7, .2, 1); --fast: .15s; --slow: .3s;
}