/* Node Review design tokens (REPORTS_UI_PLAN.md, "The look"): the palette of Micro's mockups
   (reference/designs), refined. Every colour, size and curve is a token, so a custom theme
   restyles the whole app by overriding this file's values. */
:root {
  color-scheme: dark;

  /* surfaces: the canvas, the menu and bars, then opaque steps above the canvas */
  --bg: #111614;
  --bg-deep: #0D1210;
  --bg-1: #171C1A;
  --bg-2: #1D2220;
  --bg-3: #242926;
  --bg-raised: #1A201D;
  --glass: rgba(17, 22, 20, .74);
  --glass-deep: rgba(13, 18, 16, .82);
  --fill-1: rgba(255, 255, 255, .035);
  --fill-2: rgba(255, 255, 255, .06);
  --fill-3: rgba(255, 255, 255, .1);
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .12);
  --line-3: rgba(255, 255, 255, .2);

  /* text: white at falling strengths */
  --text-strong: #ffffff;
  --text: rgba(255, 255, 255, .87);
  --text-2: rgba(255, 255, 255, .55);
  --text-3: rgba(255, 255, 255, .32);

  /* accent, used sparingly: the active item, a selection, a chip */
  --accent: #00BEFF;
  --accent-wash: rgba(0, 190, 255, .12);
  --accent-soft: rgba(0, 190, 255, .07);
  --accent-line: rgba(0, 190, 255, .4);
  --on-accent: #00151D;

  /* meaning: won and lost for results only; amber for not built and small samples */
  --pos: #5CB868;
  --pos-wash: rgba(92, 184, 104, .16);
  --neg: #D96060;
  --warn: #E0B44C;
  --warn-wash: rgba(224, 180, 76, .12);

  /* wall header tints (Wall-example.html) */
  --tint-teal: #1C2F3E;
  --tint-pink: #381323;

  /* actions (reports-dashboard.html): text on a tinted chip */
  --act-raise: #E8A855; --act-raise-bg: rgba(190, 100, 20, .42);
  --act-call: #70B8E8;  --act-call-bg: rgba(20, 100, 180, .42);
  --act-bet: #80D898;   --act-bet-bg: rgba(30, 140, 60, .42);
  --act-fold: rgba(255, 255, 255, .45); --act-fold-bg: rgba(60, 60, 70, .5);
  --act-check: rgba(255, 255, 255, .5); --act-check-bg: rgba(60, 70, 80, .4);

  /* the four-colour deck (replayer-example.html) */
  --suit-s: #525252;
  --suit-h: #A0160A;
  --suit-c: #018001;
  --suit-d: #0059B3;
  --card-back: #3A3F3C;

  /* the loader's table (replayer-example.html) */
  --table: #1A1D19;
  --table-hi: #1F231E;
  --table-rim: #262824;
  --table-deep: #0F110F;
  --seat: rgba(38, 40, 36, .94);
  --seat-line: #434942;
  --chip-1: #2E7D32;
  --chip-2: #1565C0;
  --chip-3: #6A1F1F;
  --room: radial-gradient(55% 60% at 50% 44%, #000 0%, #181B14 63%, #0C0C0C 100%);
  --dealer: #E8E8E8;
  --on-dealer: #111111;

  /* results lines, checked together for colour-blind separation on the canvas */
  --line-net: #C9A43A;
  --line-sd: #3B9EE8;
  --line-nsd: #E0567C;

  /* type: Inter (openly licensed), Apple's system font where Inter is missing */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --fs-xs: 11px;
  --fs-s: 12px;
  --fs: 13px;
  --fs-m: 15px;
  --fs-l: 20px;
  --fs-xl: 26px;

  /* space, shape, depth, motion */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --row: 34px;
  --control: 30px;
  --r-xs: 5px;
  --r-s: 7px;
  --r: 10px;
  --r-l: 14px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-pop: 0 18px 48px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);
  --shadow-panel: -24px 0 64px rgba(0, 0, 0, .45);
  --blur: saturate(160%) blur(20px);
  --ease: cubic-bezier(.22, .8, .24, 1);
  --dur: 160ms;
  --dur-slow: 260ms;

  /* the shell */
  --rail-w: 236px;
  --rail-w-min: 64px;
  --drawer-w: 460px;
}