/* The look, in one place: Graphite, a dark trading desk. Every page of the arena, the sign-up and key pages too, takes
   its colours, type and spacing from these names, so a light theme is another block of values here. The fonts are
   served by the arena itself (OFL, see fonts/OFL.txt), so a page view asks no one else for anything. */
@font-face { font-family: "Inter"; font-weight: 400 700; font-display: swap; src: url(/fonts/inter.woff2) format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400 500; font-display: swap; src: url(/fonts/jetbrains-mono.woff2) format("woff2"); }

:root {
  /* surfaces, darkest first; panes are told apart by tone and a 1 px gutter, not outlines */
  --bg: #090b0e; --panel: #0f1216; --panel-2: #141820; --panel-3: #1a1f28; --line: #1c2129; --line-2: #262c36;
  --ink: #e8ecf1; --ink-2: #a3acb9; --ink-3: #6b7584; --ink-4: #4a5260;
  /* direction only */
  --up: #22c38e; --up-bg: rgba(34, 195, 142, 0.12); --down: #f2495c; --down-bg: rgba(242, 73, 92, 0.12);
  /* the one accent: the active tab, the primary action, the account's own line */
  --accent: #5ee3c8; --accent-bg: rgba(94, 227, 200, 0.1); --accent-ink: #04211b;
  --warn: #f5b544; --warn-bg: rgba(245, 181, 68, 0.12);
  --ui: "Inter", system-ui, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace;
  --radius: 8px;
  color-scheme: dark;
}