:root {
  --bg-main: #050608;
  --bg-panel: #0d1118;
  --bg-panel-soft: #131a25;
  --border-soft: rgba(126, 150, 185, 0.16);

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

  --accent-red: #8d2b35;
  --accent-red-soft: rgba(141, 43, 53, 0.28);
  --accent-red-glow: rgba(171, 62, 74, 0.2);

  --accent-cyan: #20c7d8;
  --accent-blue: #7899cb;

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

  --ui-surface: rgba(12, 17, 25, 0.9);
  --ui-surface-soft: rgba(18, 27, 41, 0.74);
  --ui-surface-flat: rgba(8, 12, 19, 0.72);
  --ui-border: rgba(113, 137, 171, 0.2);
  --ui-border-strong: rgba(139, 165, 204, 0.36);
  --ui-hover: rgba(47, 72, 110, 0.26);
  --ui-active: rgba(141, 43, 53, 0.16);
  --ui-active-border: rgba(171, 62, 74, 0.36);
  --ui-radius: 8px;
  --ui-control-height: 38px;
  --ui-gap: 0.75rem;
  --ui-shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.18);
}