/* css/tokens.css · Corvo design tokens, TWO THEMES [redesign v3]
   Dark is the default identity; html[data-theme="light"] (theme.css) overrides
   the same names. Every new-shell surface and component reads ONLY these vars,
   so the toggle re-skins the product atomically. Orange = primary, Base blue =
   secondary, green/red = P&L semantics only. */
:root {
  /* brand */
  --brand: #f97316;
  --brand-hi: #fdba74;
  --brand-lo: #ea580c;
  --brand-soft: rgba(249, 115, 22, .13);
  --brand-line: rgba(249, 115, 22, .28);
  --brand-grad: linear-gradient(135deg, #fb923c, #ea580c);
  --on-brand: #ffffff;
  --base-blue: #0052FF;

  /* ground and surfaces · crisp charcoal, faint warmth, no mud */
  --bg-0: #0c0c0e;
  --bg-1: #121214;
  --bg-2: #18181b;
  --bg-3: #202025;
  --card: #131316;
  --panel: rgba(255, 255, 255, .03);
  --panel-2: rgba(255, 255, 255, .05);
  --input-bg: rgba(0, 0, 0, .32);
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .15);
  --scrim: rgba(4, 4, 6, .7);
  --glass: rgba(12, 12, 14, .8);

  /* ink */
  --ink: #f5f5f4;
  --ink-2: #c9c9c6;
  --ink-3: #9d9d99;
  --ink-4: #8a8a86;  /* AA: was #6f6f6c (3.67:1), now ~4.6:1 on card */

  /* semantic */
  --up: #34d399;
  --down: #f87171;
  --warn: #fbbf24;

  /* the signature money surface: deep neutral with an ember rim, not brown */
  --ember-card: linear-gradient(168deg, #1c1310 0%, #131114 52%, #0f0f12 100%);
  --ember-line: rgba(249, 115, 22, .3);
  --shadow-ember: 0 24px 70px rgba(0, 0, 0, .55), 0 8px 40px rgba(249, 115, 22, .12), inset 0 1px 0 rgba(255, 255, 255, .06);
  --ground-glow-a: rgba(249, 115, 22, .07);
  --ground-glow-b: rgba(0, 82, 255, .05);
  --grain-op: .05;

  /* type · Geist (self-hosted via fonts.css) */
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-xs: 11.5px; --t-sm: 13px; --t-md: 15px; --t-lg: 18px; --t-xl: 24px; --t-2xl: 34px;

  /* space · 8-pt */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* radius / elevation / motion */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 18px 50px rgba(0,0,0,.5);
  --shadow-glow: 0 10px 40px rgba(249,115,22,.15);
  --dur-1: .12s; --dur-2: .22s; --dur-3: .4s;
  --ease: cubic-bezier(.2,.7,.3,1);

  /* frame */
  --topbar-h: 56px;
  --botnav-h: 60px;
  --rail-w: 232px;
  --thread-max: 860px;
}