Conic Gradient 180° — Yeşil → Mavi

background: #10b981;
background: conic-gradient(from 180deg, #10b981 0%, #3b82f6 100%);

:root {
  --grad-1: #10b981;
  --grad-2: #3b82f6;
  --bg-gradient: conic-gradient(from 180deg, #10b981 0%, #3b82f6 100%);
}

$grad-1: #10b981;
$grad-2: #3b82f6;

@mixin bg-gradient {
  background: #10b981;
  background: conic-gradient(from 180deg, #10b981 0%, #3b82f6 100%);
}