/* Roadsign Design Tokens
 * Single source of truth for colors, spacing, fonts, radii, shadows.
 * Imported by roadsign_page.py and all future standalone CSS files.
 */
:root {
  /* Background */
  --bg: #050607;
  --panel: #0d1015;
  --panel-2: #131720;
  --panel-3: #171c27;
  --bg-input: #1a1a2e;

  /* Borders / Lines */
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --divider: rgba(255, 255, 255, 0.08);

  /* Text */
  --text: #eef2f7;
  --muted: #97a0ad;

  /* Semantic */
  --green: #2fb463;
  --red: #ff5d73;
  --blue: #4e8cff;

  /* Effects */
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.35);

  /* Border radius */
  --radius: 12px;          /* popovers, modals, internal dialogs */
  --radius-panel: 0;       /* outer shell panels (chart/report/right) — seamless grid */

  /* Typography */
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;

  /* Layout */
  --right-panel-width: 360px;
  --report-panel-height: 220px;
  --chart-dock-width: 44px;
}