// Core
$j-prefix: "j" !default;

// Colors
$j-black-text: #333333 !default;
$j-black: #18181d !default;
$j-white: #ffffff !default;

$j-red: #be2e21 !default;
$j-red-dark: #8e1308 !default;
$j-red-light: #d13b2d !default;

$j-green: #94f57c !default;
$j-green-dark: #117005 !default;
$j-green-light: #87f399 !default;

$j-blue: #1f4e98 !default;
$j-blue-dark: #0d3472 !default;
$j-blue-light: #447cd2 !default;

$j-gray: #e6e4e1 !default;
$j-gray-dark: #a3a2a1 !default;
$j-gray-light: #f2f2f2 !default;

$j-gradient-red: linear-gradient(90deg, #891c18 0%, #d4352f 100%) !default;

$j-colors: (
    "black": $j-black,
    "white": $j-white,
    "red": $j-red,
    "red-dark": $j-red-dark,
    "red-light": $j-red-light,
    "blue": $j-blue,
    "blue-dark": $j-blue-dark,
    "blue-light": $j-blue-light,
    "gray": $j-gray,
    "gray-dark": $j-gray-dark,
    "gray-light": $j-gray-light,
    "green": $j-gray,
    "green-dark": $j-gray-dark,
    "green-light": $j-gray-light,
) !default;

// Transition
$j-transition: all 0.1s ease-in-out !default;
$j-transition_long: all 0.2s ease-in-out !default;
$j-transition_longest: all 0.3s ease-in-out !default;
$j-transition_big: all 0.5s ease-in-out !default;

// Grid
$j-lg: 1440px !default;
$j-md: 1024px !default;
$j-sm: 768px !default;
$j-xs: 480px !default;

$j-breakpoints: (
    "lg": $j-lg,
    "md": $j-md,
    "sm": $j-sm,
    "xs": $j-xs,
) !default;

$j-container-width: 1440px !default;
$j-container-width-lg: 1024px !default;
$j-container-width-md: 768px !default;
$j-container-width-sm: 100% !default;
$j-container-width-xs: 100% !default;

$j-containers: (
    "lg": $j-container-width-lg,
    "md": $j-container-width-md,
    "sm": $j-container-width-sm,
    "xs": $j-container-width-xs,
) !default;

$j-columns: 12 !default;
$j-offset: 104px !default;

$j-offset-lg: 32px !default;
$j-offset-md: 24px !default;
$j-offset-sm: 10px !default;
$j-offset-xs: 10px !default;

$j-offsets: (
    "lg": $j-offset-lg,
    "md": $j-offset-md,
    "sm": $j-offset-sm,
    "xs": $j-offset-xs,
) !default;

// Z-INDEX
$j-index-overlay: 999 !default;
$j-index-tooltip: 99 !default;
$j-index-dropdown: 99 !default;
$j-index-select: 99 !default;
$j-index-modal: 99 !default;