// App layout
$container-max-width: 102rem;
$container-padding: 1rem;
$container-total-width: $container-max-width + $container-padding * 2;

// Base Breakpoints
$breakpoints: (
    'xxl': 1920px,
    'xl': 1440px,
    'lg': 1220px,
    'md': 1024px,
    'sm': 720px,
    'smp': 480px,
    'sml': 360px,
);

// Color
$pallete: (
    app-background: rgb(255, 255, 255),
    page-background: rgb(248, 250, 251),
    back-background: rgba(#979797, 15%),
    text-primary: #2A3540,
    text-secondary: #768490,
    text-gray: #768490,
    text-light: #ffffff,
    blockquote-text: #323E48,
    highlight: #e62334,
    link: #25a6d2,
    placeholder: rgba(19, 44, 63, .6),
    line: rgb(237, 242, 245),
    line-dark: rgb(116, 121, 123),
);