/* @carvana/customer-components-theme v0.10.1 */
/* Auto-generated CSS variables - DO NOT EDIT DIRECTLY */

:root {
--ccc-colors-primary-main: #00aed9;
--ccc-colors-primary-light: #cfeaf2;
--ccc-colors-primary-dark: #018dc0;
--ccc-colors-secondary-main: #00619e;
--ccc-colors-secondary-light: #045489;
--ccc-colors-secondary-dark: #183558;
--ccc-colors-error-main: #e03131;
--ccc-colors-error-light: #fff5f5;
--ccc-colors-error-dark: #b02525;
--ccc-colors-success-main: #2f9e44;
--ccc-colors-success-light: #ebfbee;
--ccc-colors-success-dark: #237032;
--ccc-colors-info-main: #00aed9;
--ccc-colors-info-light: #cfeaf2;
--ccc-colors-info-dark: #018dc0;
--ccc-colors-warning-main: #feb948;
--ccc-colors-warning-light: #fbf2de;
--ccc-colors-warning-dark: #eb9f23;
--ccc-colors-text-primary: #6d7184;
--ccc-colors-text-secondary: #aab1c7;
--ccc-colors-text-disabled: #d9dde9;
--ccc-colors-heading-main: #183558;
--ccc-colors-heading-light: #045489;
--ccc-colors-heading-dark: #00619e;
--ccc-colors-background-main: #ffffff;
--ccc-colors-background-paper: #f4f8fa;
--ccc-colors-border-main: #d9dde9;
--ccc-colors-border-light: #f4f8fa;
--ccc-colors-border-dark: #aab1c7;
--ccc-colors-palette-blue1: #cfeaf2;
--ccc-colors-palette-blue2: #00aed9;
--ccc-colors-palette-blue3: #018dc0;
--ccc-colors-palette-blue4: #00619e;
--ccc-colors-palette-blue5: #045489;
--ccc-colors-palette-blue6: #183558;
--ccc-colors-palette-blue7: #122946;
--ccc-colors-palette-yellow1: #fbf2de;
--ccc-colors-palette-yellow2: #feb948;
--ccc-colors-palette-yellow3: #eb9f23;
--ccc-colors-palette-green1: #ebfbee;
--ccc-colors-palette-green2: #2f9e44;
--ccc-colors-palette-green3: #237032;
--ccc-colors-palette-red1: #fff5f5;
--ccc-colors-palette-red2: #e03131;
--ccc-colors-palette-red3: #b02525;
--ccc-colors-palette-red4: #f65b5b;
--ccc-colors-palette-white: #ffffff;
--ccc-colors-palette-black: #000000;
--ccc-colors-palette-grey1: #f4f8fa;
--ccc-colors-palette-grey2: #d9dde9;
--ccc-colors-palette-grey3: #aab1c7;
--ccc-colors-palette-grey5: #6d7184;
--ccc-spacing-xs: 4px;
--ccc-spacing-sm: 8px;
--ccc-spacing-md: 12px;
--ccc-spacing-lg: 16px;
--ccc-spacing-xl: 20px;
--ccc-spacing-2xl: 24px;
--ccc-spacing-3xl: 28px;
--ccc-spacing-4xl: 32px;
--ccc-spacing-5xl: 40px;
--ccc-spacing-6xl: 48px;
--ccc-typography-fontFamily: 'Brandon Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
--ccc-typography-fontSize-xs: 0.75rem;
--ccc-typography-fontSize-sm: 0.875rem;
--ccc-typography-fontSize-md: 1rem;
--ccc-typography-fontSize-lg: 1.125rem;
--ccc-typography-fontSize-xl: 1.25rem;
--ccc-typography-fontSize-2xl: 1.5rem;
--ccc-typography-fontSize-2-5xl: 1.75rem;
--ccc-typography-fontSize-3xl: 1.875rem;
--ccc-typography-fontSize-4xl: 2.25rem;
--ccc-typography-fontSize-5xl: 3rem;
--ccc-typography-fontSize-6xl: 3.75rem;
--ccc-typography-fontSize-7xl: 4.5rem;
--ccc-typography-fontWeight-normal: 400;
--ccc-typography-fontWeight-medium: 500;
--ccc-typography-fontWeight-semibold: 600;
--ccc-typography-fontWeight-bold: 700;
--ccc-typography-variants-h1-fontSize: 2.25rem;
--ccc-typography-variants-h1-fontWeight: 700;
--ccc-typography-variants-h1-lineHeight: 1.25;
--ccc-typography-variants-h1-letterSpacing: -0.025em;
--ccc-typography-variants-h2-fontSize: 1.875rem;
--ccc-typography-variants-h2-fontWeight: 700;
--ccc-typography-variants-h2-lineHeight: 1.25;
--ccc-typography-variants-h2-letterSpacing: -0.025em;
--ccc-typography-variants-h3-fontSize: 1.5rem;
--ccc-typography-variants-h3-fontWeight: 700;
--ccc-typography-variants-h3-lineHeight: 1.25;
--ccc-typography-variants-h3-letterSpacing: 0;
--ccc-typography-variants-h4-fontSize: 1.25rem;
--ccc-typography-variants-h4-fontWeight: 700;
--ccc-typography-variants-h4-lineHeight: 1.25;
--ccc-typography-variants-h4-letterSpacing: 0;
--ccc-typography-variants-h5-fontSize: 1.125rem;
--ccc-typography-variants-h5-fontWeight: 700;
--ccc-typography-variants-h5-lineHeight: 1.5;
--ccc-typography-variants-h5-letterSpacing: 0;
--ccc-typography-variants-h6-fontSize: 1rem;
--ccc-typography-variants-h6-fontWeight: 700;
--ccc-typography-variants-h6-lineHeight: 1.5;
--ccc-typography-variants-h6-letterSpacing: 0;
--ccc-typography-variants-body1-fontSize: 1rem;
--ccc-typography-variants-body1-fontWeight: 400;
--ccc-typography-variants-body1-lineHeight: 1.5;
--ccc-typography-variants-body1-letterSpacing: 0;
--ccc-typography-variants-body2-fontSize: 0.875rem;
--ccc-typography-variants-body2-fontWeight: 400;
--ccc-typography-variants-body2-lineHeight: 1.5;
--ccc-typography-variants-body2-letterSpacing: 0;
--ccc-typography-variants-caption-fontSize: 0.75rem;
--ccc-typography-variants-caption-fontWeight: 400;
--ccc-typography-variants-caption-lineHeight: 1.5;
--ccc-typography-variants-caption-letterSpacing: 0.025em;
--ccc-typography-variants-button-fontSize: 0.875rem;
--ccc-typography-variants-button-fontWeight: 500;
--ccc-typography-variants-button-lineHeight: 1.5;
--ccc-typography-variants-button-letterSpacing: 0.025em;
--ccc-typography-variants-button-textTransform: uppercase;
--ccc-borderRadius-xs: 2px;
--ccc-borderRadius-sm: 4px;
--ccc-borderRadius-md: 8px;
--ccc-borderRadius-lg: 12px;
--ccc-shadows-sm: 0 2px 3px rgba(24, 53, 88, 0.1);
--ccc-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--ccc-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--ccc-zIndex-tooltip: 1000;
--ccc-zIndex-modal: 1300;
--ccc-zIndex-drawer: 1200;
--ccc-zIndex-appBar: 1100;
--ccc-zIndex-dropdown: 1000;
--ccc-breakpoints-mobile: 480px;
--ccc-breakpoints-tablet: 768px;
--ccc-breakpoints-desktop: 1024px;
  --ccc-colors-status-open: var(--ccc-colors-palette-blue4);
  --ccc-colors-status-open-background-color: var(--ccc-colors-background-paper);
  
  --ccc-colors-status-overdue: var(--ccc-colors-error-dark);
  --ccc-colors-status-overdue-background-color: var(--ccc-colors-error-light);
  
  --ccc-colors-status-fulfilled: var(--ccc-colors-success-dark);
  --ccc-colors-status-fulfilled-background-color: var(--ccc-colors-success-light);
}