:root {
  --bg-dark: #07090e;
  --bg-surface: #0f131c;
  --bg-surface-elevated: #161c28;
  --bg-surface-hover: #1c2433;

  --cyan-neon: #00f2fe;
  --cyan-glow: rgba(0, 242, 254, 0.25);
  --emerald-neon: #10b981;
  --emerald-glow: rgba(16, 185, 129, 0.25);

  --accent-gradient: linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #00c6ff 100%);
  --emerald-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --warning-red: #f43f5e;

  --text-white: #ffffff;
  --text-main: #e2e8f0;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-bright: rgba(0, 242, 254, 0.35);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --header-height: 72px;
  --content-width: 1140px;
  --header-width: 1200px;
}