/* ============================================================
   RevealLab — design tokens (the cohesion contract)
   Light, professional fintech. Every panel reads from these.
   ============================================================ */
:root{
  /* surfaces */
  --bg:#f4f6fa;
  --surface:#ffffff;
  --surface-2:#f1f4f8;
  --surface-3:#e9eef5;
  --border:#e3e8f0;
  --border-strong:#cdd5e2;

  /* text */
  --text:#1b2333;
  --text-2:#5a6679;
  --text-3:#8b95a7;

  /* brand */
  --brand:#2f6df6;
  --brand-dark:#1b48b8;
  --brand-tint:#eaf1ff;

  /* semantic */
  --up:#15a35a;        --up-tint:#e6f6ed;
  --down:#e0524b;      --down-tint:#fdeceb;
  --amber:#d68a0c;     --amber-tint:#fdf3e1;
  --purple:#7a5bd6;    --purple-tint:#efeafe;
  --info:#2f6df6;      --info-tint:#eaf1ff;
  --teal:#0e9c92;      --teal-tint:#e2f6f4;

  /* radii */
  --r-sm:6px; --r:10px; --r-lg:14px; --r-pill:999px;

  /* shadow */
  --shadow-sm:0 1px 2px rgba(20,30,55,.06);
  --shadow:0 4px 16px rgba(20,30,55,.08);
  --shadow-lg:0 14px 38px rgba(20,30,55,.16);

  /* type */
  --font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;

  --topbar-h:60px;
  --statstrip-h:78px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:13px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
button{font-family:inherit}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#b6c0d0}

/* numeric tabular alignment for prices/R */
.tnum{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
.mono{font-family:var(--mono)}
.up{color:var(--up)} .down{color:var(--down)} .muted{color:var(--text-2)} .faint{color:var(--text-3)}