:root {
  /* Brand */
  --accent: #38bdf8;
  --accent-soft: rgba(56, 189, 248, 0.2);
  --danger: #f97373;

  /* Surfaces */
  --bg: #020617;
  --card: rgba(15, 23, 42, 0.85);
  --border: rgba(148, 163, 184, 0.35);

  /* Text */
  --text: #e5e7eb;
  --muted: #9ca3af;

  /* Radius / Shadow */
  --radius-lg: 16px;
  --radius-md: 10px;
  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.85);

  /* Controls */
  --control-h: 34px;
}