// ====================
// Variables
// ====================

// Colors
:root {
  --white: #fff;
  --black: #000;
  --primary: #fe4f70;
  --secondary: #0d60c8;
  --dark: #121212;
  --light: #f1f1f1;
  --border: #ddd;
  --border-2: #333;
}

$white: var(--white);
$black: var(--black);
$primary: var(--primary);
$secondary: var(--secondary);
$dark: var(--dark);
$light: var(--light);
$border: var(--border);
$border-2: var(--border-2);


// Fonts
$font-primary: 'Poppins', sans-serif;
$font-awesome: 'Font Awesome 6 Free';


// Responsive Variable
$xxxl: 'only screen and (min-width: 1920px)';
$xxl: 'only screen and (max-width: 1919px)';
$xl: 'only screen and (max-width: 1399px)';
$lg: 'only screen and (max-width: 1199px)';
$md: 'only screen and (max-width: 991px)';
$sm: 'only screen and (max-width: 767px)';
$xs: '(max-width: 575px)';