@import "mixin/sizing";
@import "mixin/scrollbar";

$font-family: 'Roboto', sans-serif;
$icon-font-family: var(--fa-style-family,"Font Awesome 6 Pro");
$icon-font-family-brands: var(--fa-style-family,"Font Awesome 6 Brands");

$spacer-half: $spacer * 0.5;       //8px
$spacer-quarter: $spacer-half * 0.5;    //4px

$primary-50: #E8EFF3;
$primary-100: #C5D6E2;
$primary-150: #A5C6DD;
$primary-200: #9EBBCF;
$primary-300: #779FBB;
$primary-400: #598BAD;
$primary: #3C769E;
$primary-600: #366E96;
$primary-700: #2E638C;
$primary-800: #275982;
$primary-900: #1A4670;
$primary-950: #1A3344;
$primary-1000: #162B39;
$primary-1100: #0D1A22;
$primary-A100: #ABD3FF;
$primary-A200: #78B9FF;
$primary-A400: #459FFF;
$primary-A500: #2B91FF;
$primary-T200: #437698;
$primary-T900: #5C717F;

$secondary-100: #F6E9C3;
$secondary-200: #F0DA9C;
$secondary-300: #EACB74;
$secondary-400: #E6BF56;
$secondary: #E1B438;
$secondary-600: #DDAD32;
$secondary-700: #D9A42B;
$secondary-800: #D59C24;
$secondary-900: #CD8C17;
$secondary-950: #695110;
$secondary-1000: #57430D;
$secondary-1100: #342808;
$secondary-A100: #FFFFFF;
$secondary-A200: #FFECCC;
$secondary-A400: #FFD899;
$secondary-A500: #FFCE80;
$secondary-T400: #C9A950;
$secondary-T900: #AB9A6E;

$tertiary-100: #C7C5E2;
$tertiary-200: #A19ECF;
$tertiary-300: #7B77BC;
$tertiary-400: #5F59AD;
$tertiary: #433C9F;
$tertiary-600: #3D3697;
$tertiary-700: #342E8D;
$tertiary-800: #2C2783;
$tertiary-900: #1E1A72;
$tertiary-A100: #AFADFF;
$tertiary-A200: #7E7AFF;
$tertiary-A400: #4D47FF;
$tertiary-A500: #342DFF;
$tertiary-T100: #46409B;
$tertiary-T900: #5E5C7F;

$success-100: #C5E2DA;
$success-200: #9ECFC2;
$success-300: #77BCAA;
$success-400: #59AD97;
$success: #3C9F85;
$success-600: #36977D;
$success-700: #2E8D72;
$success-800: #278368;
$success-900: #1A7255;
$success-950: #1A4439;
$success-1000: #16392F;
$success-A100: #ADFFE2;
$success-A200: #7AFFD0;
$success-A400: #47FFBE;
$success-A500: #2DFFB5;
$success-T300: #479480;
$success-T400: #4A917E;
$success-T900: #5C7F76;

$danger-100: #F6C7C3;
$danger-200: #F0A19B;
$danger-300: #EA7B73;
$danger-400: #E65F55;
$danger: #E14337;
$danger-600: #DD3D31;
$danger-700: #D9342A;
$danger-800: #D52C23;
$danger-900: #CD1E16;
$danger-950: #AE241A;
$danger-1000: #9D2017;
$danger-A100: #FFFEFE;
$danger-A200: #FFCDCB;
$danger-A400: #FF9B98;
$danger-A500: #FF837F;
$danger-T400: #C95850;
$danger-T900: #AB726E;

$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;

$white: #ffffff;
$fontColor: #2b292a;
$boxShadowColor: #7a7a7ab5;

$font-size-compact-form-group: pxToRem(14);

$checkboxSVGWhite: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e";
$checkboxSVGLight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e";
$checkboxSVGDark: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e";

$classicPrimary: #384582;
$classicPrimaryHover: #cad1f3;
$classicSecondary: #de810d;
$classicSecondaryHover: #eacb74;
$classicTertiary: #603382;
$classicTertiaryHover: #cd9cf3;
$classicSuccess: #2f581d;
$classicSuccessHover: #9bce85;
$classicDanger: #922121;
$classicDangerHover: #fbaeae;

$classicDenim: var(--ui-denim075);
$classicParchment: var(--ui-parchment);