/* SKALDIX design tokens — single source of truth for all 10 HTML pages.
   Locked design language: dark surface + emerald accent + amber for caution/loss.
   Red is reserved for legal-danger / destructive only. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  /* surface */
  --bg:#0a0a12;
  --bg-deep:#06060b;
  --surface:#13131d;
  --surface-2:#1a1a26;
  --border:rgba(255,255,255,0.07);
  --border-strong:rgba(255,255,255,0.12);

  /* brand accent — single source of color identity */
  --emerald:#30d89e;
  --emerald-soft:#6ee7b7;
  --emerald-dim:rgba(48,216,158,0.12);

  /* caution / loss / short — NOT red */
  --amber:#FF9800;
  --amber-dim:rgba(255,152,0,0.12);

  /* destructive / legal-danger ONLY — honesty marker */
  --coral:#f87171;

  /* neutral / inactive */
  --grey:#8a8a99;
  --text:#f4f4f7;
  --text-dim:#9a9aa8;
  --text-faint:#6a6a78;

  /* typography */
  --font-body:'Inter',-apple-system,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  /* shape */
  --radius:18px;
  --radius-sm:14px;
  --pad:20px;
}

body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
}

/* numerals: tabular alignment for stats/balances */
.hero-num,.stat-value,.value,.live-metric .value,.hero-metric .value{
  font-weight:600;
  font-feature-settings:"tnum" 1;
  font-variant-numeric:tabular-nums;
}