$brand-primary: #1F6CFF; // Main blue color
$text-primary: #333333;
$text-secondary: #666666;
$text-tertiary: #999999;
$border-color: #EEEEEE;
$bg-color: #F8F9FA;

// Gradient used in login
$bg-gradient: linear-gradient(180deg, #E0F0FF 0%, #FFFFFF 100%);

// Useful Mixins
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}