/**
--- TYPOGRAPHY
*/
$font-bold: 700;
$font-medium: 500;
$font-normal: 400;
$typography: (
    'h1': (
        'size': 40px,
        'weight': $font-normal,
        'line-height': 52px,
        'letter-spacing': 0.49px,
        'text-transform': none
    ),
    'h2': (
        'size': 28px,
        'weight': $font-bold,
        'line-height': 40px,
        'letter-spacing': 0.49px
    ),
    'h3': (
        'size': 24px,
        'weight': $font-bold,
        'line-height': 32px,
        'letter-spacing': 0.49px
    ),
    'h4': (
        'size': 20px,
        'line-height': 28px,
        'letter-spacing': 0.49px
    ),
    'h5': (
        'size': 18px,
        'weight': $font-normal,
        'line-height': 28px,
        'letter-spacing': 0.49px
    ),
    'h6': (
        'size': 16px,
        'weight': $font-normal,
        'line-height': 24px,
        'letter-spacing': 0.49px
    ),
    'subtitle-1': (
        'size': 16px,
        'weight': $font-normal,
        'line-height': 24px,
        'letter-spacing': 0.49px
    ),
    'body-1': (
        'size': 14px,
        'weight': $font-normal,
        'line-height': 20px,
        'letter-spacing': 0.49px
    ),
    'button': (
        'size': 14px,
        'weight': $font-medium,
        'line-height': 24px,
        'letter-spacing': 0.49px,
        'text-transform': capitalize
    ),
    'caption': (
        'size': 12px,
        'weight': $font-normal,
        'line-height': 20px,
        'letter-spacing': 0.42px
    ),
    'input': (
        'size': 12px,
        'weight': $font-medium,
        'line-height': 14px,
        'letter-spacing': 0.42px,
        'text-transform': none
    ),
    'subtitle-2': (
        'size': 18px,
        'weight': $font-medium,
        'line-height': 28px,
        'letter-spacing': 0.49px,
        'text-transform': capitalize
    )
);
/**
--- ELEVATION
*/
$shadow-key-umbra-opacity: rgba(24, 43, 75, 0.1);
$shadow-key-penumbra-opacity: 0%;
$shadow-key-ambient: 0%;

$shadow-key-umbra: (
    0: (
        0px 0px 0px 0px $shadow-key-umbra-opacity
    ),
    1: (
        0px 8px 12px 0px $shadow-key-umbra-opacity
    )
);

/**
--- Border radius
*/
$rounded: (
    'md': 8px,
    'lg': 10px,
    'xl': 12px
);

$grid-breakpoints: (
    'xs': 0,
    'sm': 600px,
    'md': 905px,
    'lg': 1240px,
    'xl': 1439px
);

$container-max-widths: (
    'xs': null,
    'sm': null,
    'md': 856px,
    'lg': 1390px,
    'xl': 1390px,
    'xxl': 1390px
);
$spacer: 4px;
$grid-gutter: 12px; //24
$form-grid-gutter: $spacer * 2;
$container-padding-x: $spacer * 12;

/**
--- Input
*/
$input-density: (
    'default': -2.5,
    'comfortable': -4,
    'compact': -6
) !default;
/**
--- removed padding for Window, Carusel next buttons
*/
$window-controls-padding: 0px;
/**
--- Tooltip
*/
$tooltip-background-color: rgba(var(--v-theme-darkSurface), 1);
$tooltip-font-size: 14px;
$tooltip-border-radius: 8px;
$tooltip-padding: 12px 20px;
/**
--- Switch
*/
$switch-track-height: 10px;
