/*!
 * This file is part of the Sylius package.
 *
 * (c) Sylius Sp. z o.o.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

$prefix: "tblr-";

$assets-base: "/node_modules/@tabler/core/dist";
$primary: #22B99A;

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$grid-breakpoints: (
    xs: 0,
    sm: 768px,
    md: 992px,
    lg: 1200px,
    xl: 1400px,
    xxl: 2200px
);

$container-max-widths: (
    sm: 720px,
    md: 960px,
    lg: 1140px,
    xl: 1320px,
    xxl: 1920px
);

$body-color: $gray-900;

$text-secondary: $gray-600;
$text-secondary-light: $gray-500;
$text-secondary-dark: $gray-700;

$link-color: $body-color;
$link-decoration: underline;
$link-hover-color: $primary;
$link-hover-decoration: null;

$disabled-color: $gray-600;
$form-secondary-color: $gray-600;

$input-border-color: $gray-400;
$input-border-color-translucent: $gray-400;
$input-focus-border-color: $gray-600;

$focus-ring-width: 0;
$focus-ring-color: $input-focus-border-color;
$focus-ring-blur: 0;
$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color;

$input-btn-focus-width: $focus-ring-width;

$btn-border-color: $input-border-color;

$pagination-active-color: inherit;
$pagination-active-bg: $gray-200;

$font-family-sans-serif: 'InterVariable', 'Arial', sans-serif;

$h1-font-size: 1.6rem;
$h1-line-height: 2.1rem;

// Page
$page-title-font-size: var(--#{$prefix}font-size-h1);