:root {
  --bg-main: #050608;
  --bg-panel: #10131a;
  --bg-panel-soft: #151923;
  --border-soft: rgba(255,255,255,0.08);

  --text-main: #f3f4f6;
  --text-muted: #8b93a3;

  --accent-red: #7a1f24;
  --accent-red-soft: rgba(122, 31, 36, 0.35);
  --accent-red-glow: rgba(160, 35, 45, 0.28);

  --accent-cyan: #20c7d8;
  --accent-blue: #4d7cff;

  --danger: #ef4444;
  --success: #22c55e;
  --warning: #f59e0b;

  --ui-surface: rgba(14, 18, 26, 0.86);
  --ui-surface-soft: rgba(18, 23, 33, 0.72);
  --ui-surface-flat: rgba(8, 11, 17, 0.62);
  --ui-border: rgba(255,255,255,0.08);
  --ui-border-strong: rgba(255,255,255,0.13);
  --ui-hover: rgba(255,255,255,0.045);
  --ui-active: rgba(160, 35, 45, 0.16);
  --ui-active-border: rgba(160, 35, 45, 0.34);
  --ui-radius: 8px;
  --ui-control-height: 38px;
  --ui-gap: 0.75rem;
  --ui-shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.18);
}