:root {
  --bg: #0E1116; --surface: #161B22; --surface-2: #101D3A; --surface-3: #1F2530;
  --border: #262D38; --border-strong: #3A4352;
  --text: #F3F5F8; --text-soft: #C2C8D2; --muted: #8B95A7;
  --accent: #3B7BFF; --accent-hover: #6A9BFF; --accent-ink: #FFFFFF;
  --danger: #E5484D; --danger-soft: rgba(229, 72, 77, 0.14);
  --ok: #2FBF71; --ok-soft: rgba(47, 191, 113, 0.14);
  --warn: #F5A524; --warn-soft: rgba(245, 165, 36, 0.14);
  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Public Sans', 'Segoe UI', system-ui, sans-serif;
  --radius: 10px; --radius-lg: 14px; --radius-xl: 20px;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  --glow: radial-gradient(60% 55% at 50% 0%, rgba(59, 123, 255, 0.16), rgba(14, 17, 22, 0) 70%);
  --control-h: 48px; --control-h-lg: 54px; --touch: 44px;
}