:root {
  --gradient-primary: linear-gradient(135deg, #0d6efd 0%, #084298 100%);
  --gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  --gradient-info: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
  --gradient-warning: linear-gradient(135deg, #fd7e14 0%, #dc3545 100%);
  --vicksoft-page-bg: linear-gradient(
    to bottom,
    var(--bs-body-bg) 0%,
    var(--bs-secondary-bg) 100%
  );
  --vicksoft-soft-primary-bg: linear-gradient(
    135deg,
    rgba(var(--bs-primary-rgb), 0.08) 0%,
    rgba(var(--bs-primary-rgb), 0.03) 100%
  );
  --vicksoft-soft-info-bg: linear-gradient(
    135deg,
    rgba(var(--bs-info-rgb), 0.14) 0%,
    rgba(var(--bs-info-rgb), 0.24) 100%
  );
  --vicksoft-soft-primary-border: rgba(var(--bs-primary-rgb), 0.18);
  --vicksoft-focus-ring: rgba(var(--bs-primary-rgb), 0.2);
}

[data-bs-theme="dark"] {
  --vicksoft-soft-primary-bg: linear-gradient(
    135deg,
    rgba(var(--bs-primary-rgb), 0.18) 0%,
    rgba(var(--bs-primary-rgb), 0.08) 100%
  );
  --vicksoft-soft-info-bg: linear-gradient(
    135deg,
    rgba(var(--bs-info-rgb), 0.22) 0%,
    rgba(var(--bs-info-rgb), 0.14) 100%
  );
  --vicksoft-soft-primary-border: rgba(var(--bs-primary-rgb), 0.28);
}