/* rb design tokens. Source of truth: resellbot-site src/assets/css/rb.css :root.
   The site block is verbatim; `npm run check:tokens` diffs it against the site.
   App-only tokens follow it. Standard: docs/ui/DESIGN.md. */
@font-face{font-family:"Plus Jakarta Sans";src:url(/fonts/plus-jakarta-sans-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}

/* site:start */
:root{
--bg:#f7f6f3;--paper:#fff;--well:#efece6;--tint:#fbfaf8;
--ink:#1c1b19;--ink-2:#55524b;--ink-3:#6b675f;--ink-4:#a19d95;--mark:#8a867e;--line:#e7e4de;--line-2:#efede8;
--green:#0b7a47;--green-2:#e4f2e9;--green-3:#cfe7d8;--green-d:#3ccf85;--red:#b42318;--red-2:#fdecea;--signal:#ffd43a;
--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--fs-sm:14px;--fs-xs:13px;--fs-2xs:12px;
--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--r1:8px;--r2:12px;--r3:16px;--r4:24px;
--sh1:0 0 0 1px rgba(28,27,25,.07),0 1px 2px rgba(28,27,25,.05);
--sh2:0 0 0 1px rgba(28,27,25,.06),0 1px 2px rgba(28,27,25,.04),0 12px 28px -10px rgba(28,27,25,.12);
--sh3:0 0 0 1px rgba(28,27,25,.07),0 2px 4px rgba(28,27,25,.04),0 20px 40px -12px rgba(28,27,25,.16),0 48px 96px -32px rgba(28,27,25,.22);
--ease:cubic-bezier(.2,.7,.2,1);
--check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3 4.9 8.7 9.6 3.6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* site:end */

/* App-only tokens (DESIGN.md §2) */
:root{
--amber:#8a5a00;--amber-2:#f7eed4;--blue:#2c6587;--blue-2:#e7f0f7;
--field-line:#dedad3;--field-line-h:#c9c4bb;
--on-ink:#f7f6f3;
--side-w:236px;--top-h:56px;--page-w:1200px;--page-gut:clamp(16px,3vw,32px);
--fs-body:14px;--fs-title:26px;--fs-section:16px;--fs-kpi:clamp(22px,2.2vw,28px);
--ctl:36px;--ctl-sm:30px;
--focus:0 0 0 1.5px var(--ink),0 0 0 4px rgba(28,27,25,.08);
--scrim:rgba(28,27,25,.32);
--hover:rgba(28,27,25,.05);
color-scheme:light;
}

/* Warm dark: the site's inverted band, extended to the whole surface. */
[data-bs-theme="dark"]{
--bg:#141311;--paper:#1c1b19;--well:#26241f;--tint:#191815;
--ink:#f3f1ec;--ink-2:#c9c5bd;--ink-3:#9d998f;--ink-4:#6e6a62;--mark:#8a867e;--line:#2e2c27;--line-2:#26241f;
--green:#3ccf85;--green-2:rgba(60,207,133,.14);--green-3:rgba(60,207,133,.26);--red:#f97066;--red-2:rgba(249,112,102,.14);
--amber:#f5b544;--amber-2:rgba(245,181,68,.14);--blue:#7fb8db;--blue-2:rgba(127,184,219,.14);
--field-line:#38352f;--field-line-h:#4a463e;
--on-ink:#141311;
--sh1:0 0 0 1px rgba(255,255,255,.07);
--sh2:0 0 0 1px rgba(255,255,255,.08),0 12px 28px -10px rgba(0,0,0,.5);
--sh3:0 0 0 1px rgba(255,255,255,.09),0 20px 40px -12px rgba(0,0,0,.55),0 48px 96px -32px rgba(0,0,0,.6);
--focus:0 0 0 1.5px var(--ink),0 0 0 4px rgba(243,241,236,.1);
--scrim:rgba(0,0,0,.55);
--hover:rgba(243,241,236,.06);
color-scheme:dark;
}

@media (max-width:640px){:root{--fs-title:22px;--ctl:40px;--ctl-sm:34px}}