/* Quantulus Signal — Color tokens
   One ground, one accent, semantic P&L. Everything else is white at graded
   opacities — no invented greys. */
:root {
  /* ---- Core ramp (ink) ---- */
  --ground: #0A0A0B;       /* app background */
  --ground-raised: #0E0E10;/* tab bars, sticky chrome */
  --surface: #141417;      /* fields, quiet fills */
  --elevated: #1D1D21;     /* cards, buttons, menus */
  --elevated-hover: #26262B;

  /* ---- Accent (the one decisive orange) ---- */
  --accent: #FF6A1A;
  --accent-hover: #FF7E38;
  --accent-press: #E85E12;
  --accent-ink: #E55A00;   /* accent on light backgrounds */
  --accent-soft: rgba(255,106,26,0.12);
  --accent-soft-border: rgba(255,106,26,0.35);
  --accent-tint: rgba(255,106,26,0.15);
  --accent-glow: rgba(255,106,26,0.20);

  /* ---- Foreground: white at graded opacities ---- */
  --fg: #FFFFFF;
  --fg-1: rgba(255,255,255,1.0);   /* titles & values */
  --fg-2: rgba(255,255,255,0.60);  /* labels & captions */
  --fg-3: rgba(255,255,255,0.35);  /* disabled & hints */
  --fg-idle: rgba(255,255,255,0.30);

  /* ---- Hairlines & fills ---- */
  --separator: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.14);
  --border-hover: rgba(255,255,255,0.24);
  --fill-quiet: rgba(255,255,255,0.05);
  --fill: rgba(255,255,255,0.10);
  --scrim: rgba(255,255,255,0.12);

  /* ---- Semantic: profit & loss (default) ---- */
  --pos: #30D158;          /* profit / done / free */
  --neg: #FF453A;          /* loss / error */
  --pos-tint: rgba(48,209,88,0.15);
  --neg-tint: rgba(255,59,48,0.15);
  --running: #FF6A1A;      /* in-flight — uses accent */
  --running-tint: rgba(255,106,26,0.15);

  /* ---- Semantic: color-blind pair (opt-in, protan/deuteran-safe) ---- */
  --pos-cb: #1A75F2;       /* blue up */
  --neg-cb: #FF9400;       /* orange down */

  /* ---- Selection & focus ---- */
  --selection: rgba(255,106,26,0.30);
  --focus-ring: rgba(255,106,26,0.20);

  /* ---- Semantic aliases (prefer these in components) ---- */
  --text-primary: var(--fg-1);
  --text-secondary: var(--fg-2);
  --text-tertiary: var(--fg-3);
  --surface-card: var(--elevated);
  --surface-field: var(--surface);
  --surface-app: var(--ground);
}
