/* Regular */
@font-face {
    font-family: 'CT Sans';
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/CTSans-Regular.otf') format('opentype');
}

/* Bold */
@font-face {
    font-family: 'CT Sans';
    font-style: normal;
    font-weight: bold;
    src: url('/assets/fonts/CTSans-Bold.otf') format('opentype');
}

/* Bold Italic */
@font-face {
    font-family: 'CT Sans';
    font-style: italic;
    font-weight: bold;
    src: url('/assets/fonts/CTSans-BoldItalic.otf') format('opentype');
}

/* Italic */
@font-face {
    font-family: 'CT Sans';
    font-style: italic;
    font-weight: normal;
    src: url('/assets/fonts/CTSans-Italic.otf') format('opentype');
}

/* Light */
@font-face {
    font-family: 'CT Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/CTSans-Light.otf') format('opentype');
}

/* Light Italic */
@font-face {
    font-family: 'CT Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/assets/fonts/CTSans-LightItalic.otf') format('opentype');
}

/* Semibold */
@font-face {
    font-family: 'CT Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/CTSans-Semibold.otf') format('opentype');
}

/* Semibold Italic */
@font-face {
    font-family: 'CT Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/assets/fonts/CTSans-SemiboldItalic.otf') format('opentype');
}

:root {
    /* Border Radii */
    --br-5xs: 8px;
    --br-xl: 20px;
    --br-xs: 12px;
    --br-9980xl: 9999px;
    --radius-full: 9999px;
    --radius-md: 8px;
    --radius-xl: 12px;

    /* Colors */
    --blue-800: #0046ae;
    --blue-brand-blue: #186ded;
    --color-black: #000;
    --color-slategray-100: #63708a;
    --colors-background-bg-tertiary: #f2f4f7;
    --colors-foreground-fg-white: #fff;
    --gray-200: #dce2ec;
    --gray-400: #8694b0;
    --gray-50: #f7f9fd;
    --gray-500: #6b7492;
    --gray-700: #5d687e;
    --gray-800: #3f4b63;
    --gray-900: #313b4d;
    --remove: #e70909;
    --burnt-yellow: #ebaf0b;
    --white: #fff;

    /* Effects */
    --shadows-shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    --shadows-shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
    --xsmall: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
    --shadows-shadow-xs: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));

    /* Fonts */
    --text-large-semi-bold: 'CT Sans';
    --text-regular-semi-bold: 'CT Sans';
    --text-regular-normal: 'CT Sans';
    --text-small-normal: 'CT Sans';
    --text-tiny-semi-bold: 'CT Sans';
    --text-regular-mobile-normal: 'CT Sans';

    /* Font Sizes */
    --heading-h5-size: 24px;
    --text-large-semi-bold-size: 20px;
    --text-regular-mobile-normal-size: 16px;
    --text-regular-mobile-semi-bold-size: 16px;
    --text-regular-normal-size: 16px;
    --text-small-normal-size: 14px;
    --text-tiny-semi-bold-size: 12px;
    --text-regular-semi-bold-size: 16px;
    --text-medium-semi-bold-size: 18px;
    --text-regular-mobile-normal-size: 16px;
    --text-tiny-normal-size: 12px;

    /* Gaps */
    --gap-5xs: 8px;
    --gap-7xs: 6px;
    --gap-8xs: 5px;
    --gap-base: 16px;

    /* Paddings */
    --padding-5xs: 8px;
    --padding-xl: 20px;
    --padding-8xs: 5px;
    --padding-base: 16px;
    --padding-xs: 12px;

    /* Spacing */
    --container-padding-mobile: 16px;
    --space-04: 8px;
    --space-041: 8px;
    --space-05: 10px;
    --space-06: 12px;
    --space-061: 12px;
    --space-07: 14px;
    --space-08: 16px;
    --spacing-3xl: 24px;
    --spacing-ctct-spacing-5: 16px;
    --spacing-lg: 12px;
    --spacing-md: 8px;
    --spacing-sm: 6px;
    --spacing-xxs: 2px;
}

body {
    font-family: 'CT Sans', sans-serif;
    font-weight: 400; /* Set default weight to normal (400) */
    line-height: normal;
    margin: 0;
}