/* Fondue app tokens v2 (DRAFT): bold, dark-first DeFi. Components read only the --c-/--f-/--s- tokens below.
   Source: brand/fondue/kit-v2/tokens.css (copied to ui/kit-v2/ so preview pages are self-contained). */
@import url("kit-v2/tokens.css");
@import url("kit-v2/motion.css");  /* real kit-v2 motion tokens (replaces kit-v2-motion-placeholder.css) */
@font-face{font-family:'Archivo';src:url(kit-v2/fonts/Archivo.ttf) format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(kit-v2/fonts/IBMPlexSans.ttf) format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(kit-v2/fonts/IBMPlexMono-Regular.ttf) format('truetype');font-weight:400}
@font-face{font-family:'IBM Plex Mono';src:url(kit-v2/fonts/IBMPlexMono-Medium.ttf) format('truetype');font-weight:500}
:root{
  --c-bg:var(--fd-ink); --c-surface:var(--fd-ink-2); --c-surface-2:var(--fd-ink-3);
  --c-ink:var(--fd-bone); --c-ink-2:var(--fd-vellum); --c-ink-3:var(--fd-muted);
  --c-rule:var(--fd-line); --c-rule-strong:var(--fd-line-strong); /* kit-v2 #6A7280: BORDERS ONLY (inputs/controls, 3:1), never text or fills */
  --c-brass:var(--fd-brass); --c-ember:var(--fd-live); --c-vellum:var(--fd-vellum);
  --c-accent:var(--fd-signal); --c-accent-ink:var(--fd-ink); --c-accent-soft:rgba(200,255,61,.10);
  --c-up:var(--fd-up); --c-down:var(--fd-down);
  --c-warn:var(--fd-warn); --c-warn-soft:rgba(255,181,71,.12); --c-info:var(--fd-ok); --c-info-soft:rgba(90,200,250,.12);
  --c-danger:var(--fd-down); --c-danger-soft:rgba(255,92,108,.12); --c-ok:var(--fd-up); --c-ok-soft:rgba(61,220,151,.12);
  --c-focus:var(--fd-signal); --c-overlay:rgba(0,0,0,.6);
  --f-display:var(--fd-font-display); --f-ui:var(--fd-font-ui); --f-mono:var(--fd-font-mono);
  --fs-xs:var(--fd-fs-label); --fs-sm:var(--fd-fs-small); --fs-md:var(--fd-fs-body); --fs-lg:1.25rem; --fs-xl:var(--fd-fs-h3); --fs-2xl:var(--fd-fs-display-l); --fs-amount:var(--fd-fs-mono-xl);
  --fw-reg:400; --fw-med:500; --fw-bold:600; --lh:1.5;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
  --container:1320px;
  --r-sm:4px; --r-md:var(--fd-radius-s); --r-lg:var(--fd-radius); --r-pill:999px;
  --hair:1px; --e-1:0 1px 0 rgba(255,255,255,.04) inset; --e-2:0 12px 40px rgba(0,0,0,.5);
  --m-fast:var(--fd-dur-fast); --m-base:var(--fd-dur); --m-ease:var(--fd-ease);
  --m-spring:var(--fd-ease-spring); /* kit-v2 linear() spring with cubic-bezier fallback via @supports in motion.css */ --m-viscous:var(--fd-ease-viscous); --m-surface:var(--fd-ease-surface); --m-dip:var(--fd-dur-dip); --m-price:var(--fd-dur-tick);
  --g-molten:radial-gradient(120% 140% at 0% 0%,rgba(176,141,87,.30),transparent 45%),radial-gradient(90% 120% at 100% 100%,rgba(255,106,61,.20),transparent 50%); /* brass+ember on Ink (kit .fd-molten palette) */
  --target-min:44px;
}
[data-theme="light"]{
  --c-bg:#F2EEE6; --c-surface:#FBF9F5; --c-surface-2:#E6DFD2; --c-ink:#15171C; --c-ink-2:#3A3F47; --c-ink-3:#5B6470;
  --c-rule:#D9CFBD; --c-rule-strong:#8C7350; --c-accent:#15171C; --c-accent-ink:#F2EEE6; --c-accent-soft:#E6DFD2;
  --c-up:#2F6B45; --c-down:#9E2F22; --c-warn:#7A5300; --c-warn-soft:#F3E6C8; --c-info:#2E4560; --c-info-soft:#E3E6EA;
  --c-danger:#9E2F22; --c-danger-soft:#F2DDD6; --c-ok:#2F6B45; --c-ok-soft:#DFE8DD; --c-focus:#15171C;
}