/* Generated by @ddc/design-tokens — do not edit by hand. Run `npm run build:css` in
   packages/design-tokens after changing src/raw.ts. */
:root {
  --font: 'Barlow', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Barlow Condensed', 'Barlow', 'Segoe UI', sans-serif;
  --font-mono: 'Cascadia Mono', Consolas, 'SF Mono', monospace;
  --bg-0: #0a0d11;
  --bg-1: #10141a;
  --bg-2: #161b23;
  --bg-3: #1d232d;
  --bg-4: #252c38;
  --line: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.13);
  --line-3: rgba(255, 255, 255, 0.22);
  --text: #e9edf2;
  --text-2: #a6afbc;
  --text-3: #7b8594;
  --accent: #1fb892;
  --accent-2: #3ddfc0;
  --accent-ink: #03130f;
  --accent-soft: rgba(31, 184, 146, 0.14);
  --atk: #ff5d4f;
  --atk-soft: rgba(255, 93, 79, 0.14);
  --def: #4ea8ff;
  --def-soft: rgba(78, 168, 255, 0.14);
  --ok: #3ddc84;
  --warn: #ffc53d;
  --danger: #ff5c5c;
  --info: #4ea8ff;
  --role-recon: #2dd4bf;
  --role-entry: #ff6b5b;
  --role-trader: #f5a524;
  --role-support: #7ddc5a;
  --role-lurk: #b18cff;
  --r-sm: 2px;
  --r: 4px;
  --r-lg: 6px;
  --fs-title: 23px;
  --fs-section: 17px;
  --fs-card: 15px;
  --fs-body: 14px;
  --fs-meta: 13px;
  --fs-small: 12px;
  --fs-label: 11px;
  --motion-fast: 0.12s;
  --motion-base: 0.18s;
  --motion-slow: 0.28s;
}

[data-theme='light'] {
  --bg-0: #ffffff;
  --bg-1: #f7f8fa;
  --bg-2: #eef0f3;
  --bg-3: #e2e5ea;
  --bg-4: #d2d7df;
  --line: rgba(10, 13, 17, 0.08);
  --line-2: rgba(10, 13, 17, 0.14);
  --line-3: rgba(10, 13, 17, 0.24);
  --text: #141922;
  --text-2: #4b5563;
  --text-3: #5f6b7a;
}