/*
  Theme tokens of the partner UI (spec 0012 §2). Named like BharatLiquid's own variables, so a host can override any of them.
  Values: observed in BL's staging app and in HyperLiquid's app on 2026-10-20 (docs/research/2026-10-20-partner-frontend-look.md).
  A theme applies to the element that carries data-theme and everything inside it; the page default is "bl".
*/
:root, [data-theme="bl"] {
  color-scheme: dark;
  --canvas: #070d1a;
  --surface: #0b1222;
  --surface-raised: #121a2e;
  --surface-hover: #162136;
  --border: rgba(215, 220, 230, .18);
  --border-strong: rgba(215, 220, 230, .28);
  --divider: rgba(215, 220, 230, .08);
  --text: #f2f4f8;
  --text-muted: #aeb7c8;
  --text-faint: #77819a;
  --accent: #e5b769;
  --accent-hover: #f2ce8f;
  --accent-soft: rgba(229, 183, 105, .12);
  --on-accent: #211809;
  --green: #59d7b0;
  --green-soft: rgba(89, 215, 176, .12);
  --on-green: #061b15;
  --red: #ff7d8b;
  --red-soft: rgba(255, 125, 139, .12);
  --on-red: #2b070b;
  --warn: #ffb648;
  --warn-soft: rgba(255, 182, 72, .12);
  --focus: #7fb3f0;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --overlay: rgba(4, 7, 14, .6);
}

[data-theme="hl"] {
  color-scheme: dark;
  --canvas: #0f1a1e;
  --surface: #0f1a1f;
  --surface-raised: #1b2429;
  --surface-hover: #191b18;
  --border: #273035;
  --border-strong: #575e62;
  --divider: rgba(255, 255, 255, .06);
  --text: #f6fefd;
  --text-muted: #949e9c;
  --text-faint: #878c8f;
  --accent: #50d2c1;
  --accent-hover: #97fce4;
  --accent-soft: #0f3333;
  --on-accent: #04060c;
  --green: #1fa67d;
  --green-soft: #0e3333;
  --on-green: #04060c;
  --red: #ed7088;
  --red-soft: #34242e;
  --on-red: #04060c;
  --warn: #ffb648;
  --warn-soft: rgba(255, 182, 72, .12);
  --focus: #50d2c1;
  --radius-sm: 8px;
  --radius: 10px;
  --radius-lg: 16px;
  --overlay: rgba(15, 18, 29, .6);
}

/* Inter 4.1, vendored (vendor/README.md). */
@font-face {
  font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/vendor/inter/InterVariable.woff2") format("woff2");
}

/* Shared sizes (HyperLiquid's app, which BL's terminal follows). */
:root {
  --font: Inter, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --lh-sm: 15px;
  --fs: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --h-sm: 28px;
  --h: 33px;
  --h-lg: 40px;
  --row: 24px;
  --gap: 12px;
  --dur: .2s;
}
@media (pointer: coarse) {
  :root { --h-sm: 36px; --h: 44px; --h-lg: 48px; --row: 32px; }
}