/*
|--------------------------------------------------------------------------
| AUTO GENERATED
|--------------------------------------------------------------------------
|
| Source : figma-export.json
|
| DO NOT EDIT THIS FILE
|
*/

/* ==========================================================
 * COLOR
 * ========================================================== */

:root {
    --color-background-brand-subtle: #f9e7ea;
    --color-background-card: #ffffff;
    --color-background-page: #ffffff;
    --color-background-section: #f7f7f7;
    --color-border-default: #d9d9d9;
    --color-border-subtle: #ebebeb;
    --color-button-primary-bg: #0056B8;
    --color-button-primary-bg-hover: #003A7C;
    --color-button-primary-text: #ffffff;
    --color-button-secondary-bg: #ffffff;
    --color-button-secondary-border: #d9d9d9;
    --color-button-secondary-text: #101828;
    --color-icon-primary: #101828;
    --color-link-default: #0056B8;
    --color-link-hover: #003A7C;
    --color-text-brand: #0056B8;
    --color-text-default: #4a5565;
    --color-text-inverse: #ffffff;
    --color-text-muted: #888888;
    --color-text-secondary: #222222;
    --color-text-strong: #101828;
}

/* ==========================================================
 * TYPOGRAPHY
 * ========================================================== */

:root {
    --font-family-base: "Inter";
    --font-size-2xl: clamp(26px, 0.93897vw + 22.47887px, 36px);
    --font-size-3xl: clamp(34px, 1.31455vw + 29.07042px, 48px);
    --font-size-base: 16px;
    --font-size-lg: clamp(18px, 0.18779vw + 17.29577px, 20px);
    --font-size-md: clamp(17px, 0.0939vw + 16.64789px, 18px);
    --font-size-sm: 14px;
    --font-size-xl: clamp(20px, 0.37559vw + 18.59155px, 24px);
    --font-size-xs: 12px;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --letter-spacing-kicker: 0.3px;
    --letter-spacing-normal: 0px;
    --letter-spacing-tight: -0.31px;
    --letter-spacing-tighter: -0.44px;
    --letter-spacing-wide: 0.37px;
    --line-height-2xs: 15px;
    --line-height-d36: clamp(26px, 0.93897vw + 22.47887px, 36px);
    --line-height-loose: clamp(26px, 0.18779vw + 25.29577px, 28px);
    --line-height-mega: clamp(42px, 1.69014vw + 35.66197px, 60px);
    --line-height-relaxed: 24px;
    --line-height-tight: 20px;
    --line-height-xloose: clamp(26px, 0.61033vw + 23.71127px, 32.5px);
    --line-height-xtight: 16px;
    --line-height-xxloose: clamp(32px, 0.75117vw + 29.1831px, 40px);
}