:root {
    --color-primary: 255, 129, 38;
    --color-secondary: 3, 46, 97;

    --color-background: 235, 238, 242;

    --color-success: 55, 151, 0;
    --color-danger: 228, 0, 43;
    --color-info: 83, 149, 17;

    --color-white: 255, 255, 255;

    --color-text-label: 119, 142, 170;

    --color-body: 3, 46, 97;
    --color-headings: 3, 46, 97;

    --font-family-body: "transducer-variable", sans-serif;
    --font-family-headings: "transducer-variable", sans-serif;

    --font-variation-settings-medium: 'wght' 500, 'wdth' 100, 'slnt' 0;
    --font-variation-settings-bold: 'wght' 700, 'wdth' 100, 'slnt' 0;
    --font-variation-settings-extended-bold: 'wght' 700, 'wdth' 200, 'slnt' 0;

    --text-transform-headings: uppercase;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;

    --color-border: 194, 201, 208;
    --border-radius: 1.25rem;
    --border-radius-small: 0.3125rem;

}

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

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

$grid-columns: 12;
$grid-gutter-width: 1.5rem;
