
// Do not edit directly
// Generated on Fri, 08 Jul 2022 22:51:37 GMT

$color-base-blue-lighter: #8abfff; // Accessible on -darker colors.
$color-base-blue-light: #3d84f5;
$color-base-blue: #215cca; // Accessible on white and lighter-gray.
$color-base-blue-dark: #183889; // Accessible on white.
$color-base-blue-darker: #0e1c43; // Accessible on white.
$color-base-green-lighter: #71f4ae; // Accessible on -darker colors.
$color-base-green-light: #2cdd90;
$color-base-green: #158466; // Accessible on white.
$color-base-green-dark: #105c52; // Accessible on white.
$color-base-green-darker: #0c3538; // Accessible on white.
$color-base-purple-lighter: #e98efa; // Accessible on -darker colors.
$color-base-purple-light: #d250f7;
$color-base-purple: #950cde; // Accessible on white.
$color-base-purple-dark: #560a9b; // Accessible on white.
$color-base-purple-darker: #2a085e; // Accessible on white.
$color-base-fuchsia-lighter: #ff80ca; // Accessible on -darker colors.
$color-base-fuchsia-light: #f240ae;
$color-base-fuchsia: #d9118f; // Accessible on white.
$color-base-fuchsia-dark: #950f7d; // Accessible on white.
$color-base-fuchsia-darker: #5c0a5c; // Accessible on white.
$color-base-orange-lighter: #ffad5c; // Accessible on -darker colors.
$color-base-orange-light: #fa8f47;
$color-base-orange: #f27041;
$color-base-orange-dark: #aa3f24; // Accessible on white.
$color-base-orange-darker: #622018; // Accessible on white.
$color-base-gray-lighter: #f2f5f7; // Accessible on -darker colors.
$color-base-gray-light: #c0cfd8;
$color-base-gray: #738da0;
$color-base-gray-dark: #485968; // Accessible on white.
$color-base-gray-darker: #252b32; // Accessible on white.
$color-base-black: #000000;
$color-base-black-transparent-60: rgba(0, 0, 0, 0.6); // Intended for placeholder text in inputs. Use cautiously and always test combinations for contrast.
$color-base-black-transparent-85: rgba(0, 0, 0, 0.85); // Accessible on white and lightest gray.
$color-base-white: #ffffff; // Accessible on primary brand color, useful for buttons and headings.
$color-base-white-transparent-85: rgba(255, 255, 255, 0.85); // Accessible on primary brand color.
$color-brand-primary-lighter: #8abfff; // Accessible on -darker colors.
$color-brand-primary-light: #3d84f5;
$color-brand-primary: #215cca; // Accessible on white.
$color-brand-primary-dark: #183889; // Accessible on white.
$color-brand-primary-darker: #0e1c43; // Accessible on white.
$color-text-dark: rgba(0, 0, 0, 0.85); // Accessible on white and lightest gray.
$color-text-dark-muted: rgba(0, 0, 0, 0.6); // Intended for placeholder text in inputs. Use cautiously and always test combinations for contrast.
$color-text-light: rgba(255, 255, 255, 0.85); // Accessible on primary brand color.
$color-text-light-emphasis: #ffffff; // Accessible on primary brand color, useful for buttons and headings.
$color-text-action: #215cca; // Accessible on white and lighter-gray.
$ease-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955); // https://easings.net/en#easeInOutQuad
$ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53); // https://easings.net/en#easeInQuad
$ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94); // https://easings.net/en#easeOutQuad
$font-family-sans: 'Source Sans Pro Variable', Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif; // Variable font. Supports weights 100 through 900.
$font-family-sans-fallback: 'Source Sans Pro', Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif; // When variable fonts are not supported. Only certain weights are available.
$font-family-mono: 'Source Code Pro', Monaco, Consolas, 'Lucida Console', 'Andale Mono', monospace; // For source code previews.
$number-aspect-ratio-square: 1;
$number-aspect-ratio-full: 1.3333333333333333; // 4:3 ("fullscreen")
$number-aspect-ratio-wide: 1.7777777777777777; // 16:9 ("widescreen")
$number-aspect-ratio-cinema: 2;
$number-brightness-control-brighten: 110%;
$number-brightness-control-dim: 80%;
$number-brightness-image-brighten: 102.5%;
$number-font-weight-light: 300;
$number-font-weight-normal: 400;
$number-font-weight-medium: 500;
$number-font-weight-semibold: 600;
$number-font-weight-bold: 700;
$number-font-weight-heavy: 800;
$number-line-height-loose: 1.5625; // For multiline copy.
$number-line-height-tight: 1.25; // For headings and single-line text.
$number-line-height-tighter: 1; // For very large headings or UI elements with built-in height or padding.
$number-opacity-muted: 0.65;
$number-scale-effect-grow: 1.05;
$number-scale-effect-shrink: 0.95;
$number-scale-modular-ratio: 1.25;
$number-scale-modular-minimum-step: -6;
$number-scale-modular-maximum-step: 10;
$size-border-radius-small: 0.125em;
$size-border-radius-medium: 0.25em;
$size-border-radius-large: 0.5em;
$size-border-radius-card-contained: 0.5em;
$size-border-radius-full: 9999px; // A value of 50% would be more intuitive, but results in unexpectedly oblong rounding for non-square shapes. We use `px` to save the browser the trouble of recalculating the stupidly large value.
$size-border-width-blockquote: 0.125rem;
$size-breakpoint-xs: 20em;
$size-breakpoint-s: 30em;
$size-breakpoint-m: 40em;
$size-breakpoint-l: 60em;
$size-breakpoint-xl: 72em;
$size-breakpoint-xxl: 84em;
$size-breakpoint-xxxl: 96em;
$size-edge-small: 0.0625rem;
$size-edge-medium: 0.125rem;
$size-edge-large: 0.25rem;
$size-edge-control: 0.125rem;
$size-font-big: 1.25em; // Slightly larger than normal. Good for short introductory sections or important actions.
$size-font-small: 0.8em; // Slightly smaller than usual. Good for badges, captions or other space-constrained bits of copy.
$size-font-heading-n2-max: 3.814697265625em; // Maximum fluid size for heading level -2.
$size-font-heading-n2-min: 3.0517578125em; // Minimum fluid size for heading level -2.
$size-font-heading-n1-max: 3.0517578125em; // Maximum fluid size for heading level -1.
$size-font-heading-n1-min: 2.44140625em; // Minimum fluid size for heading level -1.
$size-font-heading-0-max: 2.44140625em; // Maximum fluid size for heading level 0.
$size-font-heading-0-min: 1.953125em; // Minimum fluid size for heading level 0.
$size-font-heading-1-max: 1.953125em; // Maximum fluid size for heading level 1.
$size-font-heading-1-min: 1.5625em; // Minimum fluid size for heading level 1.
$size-font-heading-2-max: 1.5625em; // Maximum fluid size for heading level 2.
$size-font-heading-2-min: 1.25em; // Minimum fluid size for heading level 2.
$size-font-heading-3-max: 1.25em; // Maximum fluid size for heading level 3.
$size-font-heading-3-min: 1em; // Minimum fluid size for heading level 3.
$size-max-width-media-object: 7em;
$size-max-width-prose: 40em;
$size-max-width-spread: 72em;
$size-padding-control-horizontal: 1.25em;
$size-padding-control-vertical: 0.40959999999999996em;
$size-padding-cell-horizontal: 0.512em; // Used for table cells or other repeating content rows.
$size-padding-cell-vertical: 0.512em; // Used for table cells or other repeating content rows.
$size-padding-container-horizontal-min: 1.25rem; // Minimum inline (horizontal) fluid padding for container objects.
$size-padding-container-horizontal-max: 3.0517578125rem; // Maximum inline (horizontal) padding for container objects.
$size-padding-container-vertical-min: 1.953125rem; // Minimum block (vertical) fluid padding for container objects.
$size-padding-container-vertical-max: 3.814697265625rem; // Maximum block (vertical) padding for container objects.
$size-rhythm-compact: 0.262144em;
$size-rhythm-condensed: 0.8em;
$size-rhythm-default: 1.25em;
$size-rhythm-default-rem: 1.25rem;
$size-rhythm-generous: 1.953125em;
$size-xs: 20em;
$size-s: 30em;
$size-m: 40em;
$size-l: 60em;
$size-xl: 72em;
$size-xxl: 84em;
$size-xxxl: 96em;
$size-height-control-default: 2.44140625em;
$size-height-control-multiline: 3.814697265625em;
$size-icon-default: 1em; // The default icon size.
$size-icon-medium: 1.25em; // The medium icon size.
$size-icon-large: 1.5625em; // The large icon size.
$size-width-card-column-min: 16em; // The minimum space to display a default card in a grid.
$size-width-logo-group-item-width: 9em; // The width of individual logos in the logo group.
$size-square-avatar-small: 1.953125em;
$size-square-avatar-medium: 3.0517578125em;
$size-square-avatar-large: 11.641532182693481em;
$size-square-avatar-full: 100%;
$size-square-control-icon: 1em;
$size-square-toggle-medium: 1.5625em;
$size-square-footnote-link: 1.5625em;
$size-overlap-small: 0.262144em; // Small amount of overlap between adjacent items organized in a visual bunch.
$size-overlap-large: 1.25em; // Larger amount of overlap between adjacent items.
$size-spacing-gap-button-extra: 0.40959999999999996em; // Gap between button content and extra content.
$size-spacing-gap-inline-small: 1em; // Horizontal/column gap between media object and content, etc.
$size-spacing-gap-inline-medium: 1.25em; // Horizontal/column gap between cells in inline lists, event logs, etc.
$size-spacing-gap-fluid-min: 1.953125em; // Minimum size of a large content gap, for example gutters between cards.
$size-spacing-gap-fluid-max: 3.814697265625em; // Maximum size of a large content gap, for example gutters between cards.
$size-spacing-gap-button-group-default: 0.64em; // The Button Group default gap spacing.
$size-spacing-gap-form-group-default: 0.32767999999999997em; // The Form Group default gap spacing.
$size-spacing-gap-logo-group: 1.953125em;
$size-spacing-gap-comment-form-horizontal: 2.44140625rem;
$size-spacing-gap-comment-form-vertical: 1.5625rem;
$size-spacing-control-text-inset: 0.8em;
$size-spacing-control-icon-inset: 0.512em;
$size-spacing-type-block-indent: 1.25em; // Shared indentation for lists, blockquotes, etc.
$size-spacing-list-inline-gap: 1.25em;
$size-spacing-media-gap: 1em;
$time-transition-instant: 0s;
$time-transition-immediate: 0.1s;
$time-transition-quick: 0.2s;
$time-transition-prompt: 0.3s;
$time-transition-slow: 0.4s;
$time-transition-glacial: 0.6s;