/* ============================================================
   Trend is My Friend — Base CSS
   Tokens, reset, global page primitives.
   Refactor-only split from styles.css.
   ============================================================ */

:root {
  --bg-0: #05070d;
  --bg-1: #0b1226;
  --panel: rgba(13, 19, 34, 0.88);
  --panel-2: rgba(17, 25, 44, 0.92);
  --panel-soft: rgba(255, 255, 255, 0.055);
  --panel-softer: rgba(255, 255, 255, 0.035);
  --line: rgba(255, 255, 255, 0.13);
  --line-strong: rgba(240, 201, 107, 0.34);
  --ink: #f7ecd1;
  --muted: #a8b0c4;
  --soft: #e8eefc;
  --accent: #f0c96b;
  --accent-2: #72d6ff;
  --accent-3: #b0f0d0;
  --up: #6ee7a7;
  --down: #ff8b8b;
  --flat: #b7c1d4;
  --watch: #b7c1d4;
  --shadow: 0 26px 80px rgba(0, 0, 0, 0.44);
}

* { box-sizing: border-box; }

html { min-height: 100%; scroll-behavior: smooth; }

body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(circle at 18% 9%, rgba(48, 93, 164, 0.38), transparent 34%),
    radial-gradient(circle at 78% 1%, rgba(240, 201, 107, 0.14), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(114, 214, 255, 0.08), transparent 36%),
    linear-gradient(145deg, var(--bg-0), var(--bg-1) 58%, #050816);
}

button { font: inherit; }