// PixJet Admin SCSS Variables

// Colors
$primary-color: hsl(202.44deg 99.17% 47.06%);
$primary-hover: hsl(202, 100%, 50%);
$danger-color: hsl(2, 97%, 48%);
$danger-hover: hsl(0, 100%, 50%);
$border-color: #e6e6e6;
$text-color: #333;
$disabled-bg: #cfcfcf;
$pro-bg: #ededed;
$badge-color: #0196ef;
$loader-color: #474bff;

// Spacing
$spacing-base: 0.5rem;
$spacing-multipliers: (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6);

// Breakpoints
$breakpoints: (
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);

// Grid
$grid-columns: 12;
$grid-gutter: 15px;

// Components
$card-border-radius: 8px;
$button-border-radius: 4px;
$input-height: 40px;
$input-padding: 10px;

// Z-index
$z-loader: 1;
$z-loader-bars: 2;