/* copied verbatim from thread-mirror/src/styles/tokens.css: Soft Cards dark (default) + light */
:root {
  --bg: #15161A;
  --surf: #212329;
  --surf2: #212329;
  --txt: #F2F3F5;
  --dim: #9EA3AD;
  --faint: #7C818B;
  --acc: #4C9AFF;
  --bord: #2C2F36;
  --rad: 16px;
  --rad-sm: 10px;
  --sh: 0 1px 2px rgba(0,0,0,.4),0 8px 20px -8px rgba(0,0,0,.65);
  --tbg: #1A1C21;
  --h1: 30px;
  --h1w: 700;
  --pad: 16px;
  --rp: 13px 16px;
  --sep: 1px;
  --on-acc: #16181D;
  --field: #2A2C30;
  --body-size: 15px;
  --row-size: 15px;
  --lab-size: 12px;
  --seg-bg: #000;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --h1-font: inherit;
  --scrim: rgba(0,0,0,.55);
  --danger: #FF6B6B;
  --warn: #F5A15B;
  --theme-color: #1A1C21;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #EFEFF3;
  --surf: #fff;
  --surf2: #fff;
  --txt: #1C1C1E;
  --dim: #6E6E73;
  --faint: #8E8E93;
  --acc: #007AFF;
  --bord: #E8E8ED;
  --rad: 16px;
  --rad-sm: 10px;
  --sh: 0 1px 2px rgba(0,0,0,.05),0 6px 16px -6px rgba(0,0,0,.10);
  --tbg: rgba(255,255,255,.92);
  --h1: 30px;
  --h1w: 700;
  --pad: 16px;
  --rp: 13px 16px;
  --sep: 1px;
  --on-acc: #fff;
  --field: #EFEFF3;
  --body-size: 15px;
  --row-size: 15px;
  --lab-size: 12px;
  --seg-bg: rgba(120,120,128,.12);
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --h1-font: inherit;
  --scrim: rgba(20,22,28,.38);
  --danger: #D93636;
  --warn: #C2711F;
  --theme-color: #EFEFF3;
  color-scheme: light;
}