/* xcall-tokens.css · X-Call V2.4 · Concept B. GENERATED by package/build/export.js from package/src/core.js. */
/* Dark is the primary theme. Light uses the same names. Select with [data-theme="light"] / [data-theme="dark"]. */

:root,
.xc,
[data-theme="dark"] {
  --bg: #06080F;
  --card: #0F1424;
  --raised: #171E38;
  --line: rgba(255,255,255,.08);
  --line2: rgba(255,255,255,.16);
  --ink: #F2F5FF;
  --ink2: #B4BCD9;
  --mu: #8791B3;
  --act: #C8FF3D;
  --actk: #0A0F00;
  --acc: #C8FF3D;
  --accf: #C8FF3D;
  --cy: #3DE0FF;
  --warn: #FFB547;
  --warnf: rgba(255,181,71,.14);
  --bad: #FF6B6B;
  --badf: rgba(255,107,107,.14);
  --ok: #5EE6A0;
  --okf: rgba(200,255,61,.12);
  --ring1: #3DE0FF;
  --ring2: #C8FF3D;
  --scrim: rgba(3,5,12,.66);
  --focus: #3DE0FF;
  --onbad: #1A0505;

  /* spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-xxl: 32px;
  /* radius */
  --radius-chip: 10px;
  --radius-field: 14px;
  --radius-btn: 16px;
  --radius-card: 18px;
  --radius-sheet: 26px;
  --radius-pill: 999px;
  /* type */
  --font-num: "Unbounded", "Inter", sans-serif;
  --font-text: "Inter", system-ui, -apple-system, Arial, sans-serif;
  --text-display: 36px;
  --text-title: 20px;
  --text-section: 16px;
  --text-body: 14px;
  --text-caption: 12px;
  --text-label: 10.5px;
  --line-height-body: 1.4;
  /* motion */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 350ms;
  --motion-ring: 500ms;
  --ease: cubic-bezier(.2,.8,.2,1);
}

.xc[data-theme="light"],
[data-theme="light"] {
  --bg: #F3F5FA;
  --card: #FFFFFF;
  --raised: #E8ECF5;
  --line: rgba(10,15,31,.09);
  --line2: rgba(10,15,31,.18);
  --ink: #0A0F1F;
  --ink2: #38425E;
  --mu: #59648A;
  --act: #0A0F1F;
  --actk: #C8FF3D;
  --acc: #456E00;
  --accf: #6FA800;
  --cy: #00728A;
  --warn: #8A5600;
  --warnf: rgba(255,181,71,.22);
  --bad: #B3261E;
  --badf: rgba(179,38,30,.10);
  --ok: #2E6B1E;
  --okf: rgba(111,168,0,.14);
  --ring1: #0AA8CC;
  --ring2: #6FA800;
  --scrim: rgba(10,15,31,.42);
  --focus: #006E86;
  --onbad: #FFFFFF;
}

@media (prefers-reduced-motion: reduce) {
  :root, .xc { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; --motion-ring: 0ms; }
}