/* blip tokens (DESIGN.md). One accent with one meaning: the action, the selection, and the blip (live). */
:root {
  --ground: #E7E9F9;
  --surface: #F8F8FE;
  --card: #FFFFFF;
  --surface-2: #EEF0FB;
  --line: #D3D6F0;
  --line-2: #BFC3E6;
  --ink: #1D1B3B;
  --ink-2: #4A4870;
  --muted: #68668E;

  --accent: #3446F0;
  --accent-press: #2230B8;
  --accent-soft: #E0E4FF;
  --accent-ink: #2333C6;

  --good: #108A45;
  --good-soft: #DDF5E6;
  --bad: #D63B40;
  --bad-soft: #FDE4E4;

  /* category tints: post types and tiles, never emphasis */
  --mint-soft: #DCF6E8;
  --mint-ink: #0B6B3A;
  --butter-soft: #FFF2C7;
  --butter-ink: #7A5600;
  --lilac-soft: #ECE6FE;
  --lilac-ink: #4B36A8;
  --peach-soft: #FFE6DA;
  --peach-ink: #8A3E1C;
  --sky-soft: #DFEFFF;

  --r-lg: 20px;
  --r: 14px;
  --r-sm: 10px;
  --key: 0 4px 0 var(--line);
  --key-sm: 0 3px 0 var(--line);

  --display: 'Jersey 10', 'Pixelify Sans', ui-monospace, monospace;
  --text: 'Nunito', ui-rounded, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --side-w: 252px;
  --rail-w: 344px;
  color-scheme: light;
}

:root[data-theme='dark'] {
  --ground: #13122A;
  --surface: #1C1B37;
  --card: #23224A;
  --surface-2: #28274F;
  --line: #34335F;
  --line-2: #454478;
  --ink: #EEEDFB;
  --ink-2: #BDBBE0;
  --muted: #9C9AC6;

  --accent: #7C8AFF;
  --accent-press: #4F5CD6;
  --accent-soft: #2B2F6B;
  --accent-ink: #B3BCFF;

  --good: #3DD68C;
  --good-soft: #173D2D;
  --bad: #FF6B6E;
  --bad-soft: #45202A;

  --mint-soft: #173D2D;
  --mint-ink: #8BEBBE;
  --butter-soft: #3F3519;
  --butter-ink: #FFDB7A;
  --lilac-soft: #2E2659;
  --lilac-ink: #C9BBFF;
  --peach-soft: #43281F;
  --peach-ink: #FFC2A6;
  --sky-soft: #1E3050;
  color-scheme: dark;
}