:root {
  --color-bg: #0b0f17;
  --color-bg-soft: #101622;
  --color-surface: #151c2a;
  --color-surface-2: #1b2435;
  --color-border: rgba(255, 255, 255, 0.1);

  --color-text: #eef3ff;
  --color-muted: #9ba8c2;

  --color-primary: #7c5cff;
  --color-primary-hover: #9278ff;
  --color-primary-soft: rgba(124, 92, 255, 0.16);

  --color-danger: #ef4444;
  --color-danger-hover: #f87171;

  --color-success: #22c55e;
  --color-warning: #f59e0b;

  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.24);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  --container: 1160px;

  --font-main: Vazirmatn, Tahoma, Arial, sans-serif;
}