:root {
  --bg: #0f1117;
  --bg-soft: #161b26;
  --bg-deep: #0c1018;
  --panel: #161b26;
  --panel-2: #1c2333;
  --panel-3: #212840;
  --panel-4: #2a344b;
  --line: rgba(255, 255, 255, 0.08);
  --line-soft: rgba(255, 255, 255, 0.05);
  --line-strong: rgba(255, 255, 255, 0.14);
  --text: #e8eaf0;
  --text-soft: #8b91a8;
  --text-muted: #5a6080;
  --accent: #3d7eff;
  --accent-2: #2563eb;
  --accent-soft: rgba(61, 126, 255, 0.14);
  --blue: #3d7eff;
  --green: #22c55e;
  --yellow: #eab308;
  --red: #ef4444;
  --orange: #f97316;
  --purple: #a855f7;
  --teal: #14b8a6;
  --cyan: #14b8a6;
  --shadow: 0 28px 70px rgba(15, 23, 42, 0.18);
  --shadow-soft: 0 18px 42px rgba(15, 23, 42, 0.1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --page-max: 1480px;
  --font: "Poppins", "Segoe UI", sans-serif;

  --bg2: var(--panel);
  --bg3: var(--panel-2);
  --bg4: var(--panel-3);
  --border: var(--line);
  --border2: var(--line-strong);
  --text2: var(--text-soft);
  --text3: var(--text-muted);
}