@import "remixicon/fonts/remixicon.css";

:root {
    --cp-blue: #003da6;
    --cp-indigo: #202654;
    --cp-purple: #31006f;
    --cp-red: #dc3545;
    --cp-orange: #de5c2e;
    --cp-yellow: #ffc107;
    --cp-green: #198754;
    --cp-teal: #20c997;
    --cp-cyan: #0dcaf0;
    --cp-black: #000;
    --cp-white: #fff;
    --cp-gray: #6d7983;
    --cp-gray-dark: #3c4d5a;
    --cp-gray-100: #fafafa;
    --cp-gray-200: #e5e7e9;
    --cp-gray-300: #c3c7cc;
    --cp-gray-400: #9da6ac;
    --cp-gray-500: #858f98;
    --cp-gray-600: #6d7983;
    --cp-gray-700: #54636f;
    --cp-gray-800: #3c4d5a;
    --cp-gray-900: #243746;
    --cp-primary: #003da6;
    --cp-success: #198754;
    --cp-info: #0dcaf0;
    --cp-warning: #ffc107;
    --cp-danger: #dc3545;
    --cp-light: #fafafa;
    --cp-dark: #243746;
    --cp-accent: #de5c2e;
    --cp-tertiary: #202654;
    --cp-primary-rgb: 0, 61, 166;
    --cp-secondary-rgb: 109, 121, 131;
    --cp-success-rgb: 25, 135, 84;
    --cp-info-rgb: 13, 202, 240;
    --cp-warning-rgb: 255, 193, 7;
    --cp-danger-rgb: 220, 53, 69;
    --cp-light-rgb: 250, 250, 250;
    --cp-dark-rgb: 36, 55, 70;
    --cp-accent-rgb: 222, 92, 46;
    --cp-tertiary-rgb: 32, 38, 84;
    --cp-white-rgb: 255, 255, 255;
    --cp-black-rgb: 0, 0, 0;
    --cp-body-color-rgb: 36, 55, 70;
    --cp-body-bg-rgb: 250, 250, 250;
    --cp-font-sans-serif: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --cp-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --cp-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --cp-body-font-family: var(--cp-font-sans-serif);
    --cp-body-font-size: 1rem;
    --cp-body-font-weight: 400;
    --cp-body-line-height: 1.5;
    --cp-body-color: #243746;
    --cp-body-bg: #fafafa;
    --cp-border-width: 1px;
    --cp-border-style: solid;
    --cp-border-color: #c3c7cc;
    --cp-border-color-translucent: rgba(0, 0, 0, 0.175);
    --cp-border-radius: .25rem;
    --cp-border-radius-sm: .125rem;
    --cp-border-radius-lg: .5rem;
    --cp-border-radius-xl: 1rem;
    --cp-border-radius-2xl: 2rem;
    --cp-border-radius-pill: 50rem;
    --cp-link-color: #003da6;
    --cp-link-hover-color: #003185;
    --cp-code-color: #d63384;
    --cp-highlight-bg: #fff3cd
}

:root {
    --cp-tertiary-contrast: #e5e7e9;
    --cp-graphic-color: #de5c2e;
    --cp-component-bg: #fff;
    --cp-header-bg: #fff;
    --cp-spacer-0: 0;
    --cp-spacer-1: .25rem;
    --cp-spacer-2: .5rem;
    --cp-spacer-3: .75rem;
    --cp-spacer-4: 1rem;
    --cp-spacer-5: 1.25rem;
    --cp-spacer-6: 1.5rem;
    --cp-spacer-7: 1.75rem;
    --cp-spacer-8: 2rem;
    --cp-spacer-9: 2.5rem;
    --cp-spacer-10: 3rem
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    src: url("dist/scss/fonts/open-sans-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    src: url("dist/scss/fonts/open-sans-700-normal.woff2") format("woff2");
    font-weight: 700
}

@font-face {
    font-family: remixicon;
    font-display: swap;
    src: url("dist/scss/fonts/remixicon.woff2") format("woff2")
}