/* Design tokens — dark, futuristic, glassmorphism, emerald/teal accent.
   Distilled from the SYNAPSE (energy) + CerbroFit reference dashboards. */
:root {
  /* fonts */
  --font: "Pretendard Variable", "Pretendard", "Noto Sans KR", -apple-system,
          "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Consolas", monospace;

  /* background layers — near-black with a faint teal cast */
  --bg-0: #05090c;
  --bg-1: #0a1014;
  --bg-grad: radial-gradient(1200px 620px at 72% -12%, #0e2a28 0%, #060b0e 58%, #05090c 100%);

  /* glass surfaces */
  --glass-bg: rgba(18, 28, 30, 0.55);
  --glass-bg-strong: rgba(20, 32, 34, 0.74);
  --glass-border: rgba(170, 230, 215, 0.14);
  --glass-blur: 16px;
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.05);

  /* emerald / teal accent */
  --accent: #19e3b1;
  --accent-2: #0fb5c9;
  --accent-deep: #0a7f76;
  --accent-glow: rgba(25, 227, 177, 0.45);
  --accent-soft: rgba(25, 227, 177, 0.12);

  /* semantic (sentiment) */
  --pos: #19e3b1;
  --neu: #e8b23a;
  --neg: #f0606b;
  --warn: #e8b23a;
  --pos-soft: rgba(25, 227, 177, 0.16);
  --neu-soft: rgba(232, 178, 58, 0.16);
  --neg-soft: rgba(240, 96, 107, 0.16);

  /* text */
  --text-hi: #eaf6f2;
  --text: #c6d6d0;
  --text-dim: #7e978f;
  --text-faint: #4f6962;

  /* radii / shadows / layout */
  --r-card: 18px;
  --r-sm: 10px;
  --r-pill: 999px;
  --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.45), var(--glass-inset);
  --shadow-glow: 0 0 24px var(--accent-glow);
  --shadow-pop: 0 12px 40px rgba(0, 0, 0, 0.6);
  --rail-w: 64px;
  --gap: 20px;
  --maxw: 1320px;
}