@use "sass:math";
@use "sass:map";
@use "sass:meta";

$body-font-family: "Inter var" !default;
$btn-font-weight: 400 !default;
$btn-letter-spacing: 0 !default;
$border-radius-root: 8px;

// Custom Variables
$white: #fff !default;

// cards
$card-item-spacer-xy: 24px !default;
$card-text-spacer: 24px !default;
$card-title-size: 16px !default;

// Global Shadow
$box-shadow: 0px 8px 24px rgba(19, 25, 32, 0.08);

$theme-colors: (
    primary: var(--v-theme-primary),
    secondary: var(--v-theme-secondary),
    success: var(--v-theme-success),
    info: var(--v-theme-info),
    warning: var(--v-theme-warning),
    error: var(--v-theme-error),
);

@use "vuetify/styles" with (
    $color-pack: false,
    $body-font-family: $body-font-family,
    $heading-font-family: $body-font-family,
    $rounded: (
        0: 0,
        sm: math.div($border-radius-root, 2),
        null: $border-radius-root,
        md: $border-radius-root,
        lg: math.div($border-radius-root * 3, 2),
        xl: $border-radius-root * 6,
        pill: 9999px,
        circle: 50%,
        shaped: $border-radius-root * 6 0
    ),
    $shadow-key-umbra: (
        24: 0px 8px 24px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-opacity))
    ),
    $shadow-key-penumbra: (
        24: 0 0 transparent
    ),
    $shadow-key-ambient: (
        24: 0 0 transparent
    ),
    $font-size-root: 1rem,
    $typography: (
        "h1": (
            "size": 2.375rem,
            "weight": 600,
            "line-height": 1.21,
            "font-family": inherit,
        ),
        "h2": (
            "size": 1.875rem,
            "weight": 600,
            "line-height": 1.27,
            "font-family": inherit,
        ),
        "h3": (
            "size": 1.5rem,
            "weight": 600,
            "line-height": 1.33,
            "font-family": inherit,
        ),
        "h4": (
            "size": 1.25rem,
            "weight": 600,
            "line-height": 1.4,
            "font-family": inherit,
        ),
        "h5": (
            "size": 1rem,
            "weight": 600,
            "line-height": 1.5,
            "font-family": inherit,
        ),
        "h6": (
            "size": 0.875rem,
            "weight": 400,
            "line-height": 1.57,
            "font-family": inherit,
        ),
        "subtitle-1": (
            "size": 0.875rem,
            "weight": 600,
            "line-height": 1.57,
            "font-family": inherit,
        ),
        "subtitle-2": (
            "size": 0.75rem,
            "weight": 500,
            "line-height": 1.66,
            "font-family": inherit,
        ),
        "body-1": (
            "size": 0.875rem,
            "weight": 400,
            "letter-spacing": 0,
            "line-height": 1.57,
            "font-family": inherit,
        ),
        "body-2": (
            "size": 0.75rem,
            "weight": 400,
            "line-height": 1.66,
            "font-family": inherit,
        ),
        "button": (
            "size": 0.875rem,
            "weight": 500,
            "font-family": inherit,
            "text-transform": capitalize,
        ),
        "caption": (
            "size": 0.75rem,
            "weight": 400,
            "letter-spacing": 0,
            "font-family": inherit,
        ),
        "overline": (
            "size": 0.75rem,
            "weight": 400,
            "font-family": inherit,
            "line-height": 1.67,
            "letter-spacing": 0,
            "text-transform": uppercase,
        )
    )
    
);