/**
 * CSS Custom Properties
 * ======================
 * Auto-generated from LESS variables in static/css/less/
 *
 * DO NOT EDIT THIS FILE DIRECTLY!
 * Run: node scripts/generate-css-custom-properties.js
 *
 */

:root {
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --border-radius-lg: 8px;
  --border-radius-xl: 16px;
  --border-radius-xxl: 32px;
  --border-radius-pill: 9999px;
  --border-radius-circle: 50%;
  --border-radius-square: 0;
  --border-radius-button: 4px;
  --border-radius-input: 4px;
  --border-radius-thumbnail: 2px;
  --border-radius-media: 8px;
  --border-radius-card: 8px;
  --border-radius-overlay: 16px;
  --border-radius-badge: 2px;
  --border-radius-notification: 8px;
  --border-radius-avatar: 50%;
  --border-width-none: 0;
  --border-width-thin: 1px;
  --border-width: 1px;
  --border-width-thick: 2px;
  --border-width-heavy: 3px;
  --border-width-control: 1px;
  --border-width-media: 1px;
  --border-width-table: 1px;
  --border-width-divider: 1px;
  --focus-width: 2px;
  --border-card: 1px solid hsl(0, 0%, 87%);
  --border-divider: 1px solid hsl(0, 0%, 87%);
  --border-table: 1px solid hsl(0, 0%, 87%);
  --border-input: 1px solid hsl(0, 0%, 87%);
  --border-input-hovered: 1px solid hsl(202, 96%, 37%);
  --border-input-focused: 1px solid hsl(202, 96%, 37%);
  --box-shadow-focus: 0 0 0 2px hsl(202, 96%, 37%);
  --width-breakpoint-mobile-s: 375px;
  --width-breakpoint-mobile-m: 425px;
  --width-breakpoint-mobile: 450px;
  --width-breakpoint-tablet: 768px;
  --width-breakpoint-desktop: 960px;
  --primary-blue: hsl(202, 96%, 37%);
  --link-blue: hsl(202, 96%, 28%);
  --mid-blue: hsl(204, 70%, 53%);
  --dark-blue: hsl(210, 100%, 20%);
  --darker-brand-blue: hsl(198, 100%, 36%);
  --header-nav-hover-color: hsl(207, 83%, 33%);
  --blue-b0bed9: hsl(220, 35%, 77%);
  --count-blue-grey: hsl(211, 28%, 41%);
  --grey-blue: hsl(211, 37%, 89%);
  --teal: hsl(184, 100%, 21%);
  --button-hover-blue: hsl(202, 57%, 61%);
  --dark-baby-blue: hsl(240, 100%, 75%);
  --mid-baby-blue: hsl(240, 100%, 88%);
  --baby-blue: hsl(240, 100%, 93%);
  --blue-9fafd1: hsl(221, 35%, 72%);
  --blue-3366ff: hsl(225, 100%, 60%);
  --blue-5e88B9: hsl(212, 39%, 55%);
  --green: hsl(130, 61%, 33%);
  --mid-baby-green: hsl(120, 100%, 88%);
  --baby-green: hsl(120, 100%, 93%);
  --dark-green: hsl(113, 38%, 29%);
  --soft-green: hsl(97, 51%, 77%);
  --soft-green-two: hsl(97, 40%, 70%);
  --olive: hsl(81, 39%, 35%);
  --light-olive-2: hsl(78, 34%, 63%);
  --lime-green: hsl(75, 100%, 85%);
  --check-green: hsl(126, 100%, 36%);
  --orange: hsl(32, 100%, 61%);
  --orange-three: hsl(32, 100%, 78%);
  --orange-four: hsl(23, 51%, 77%);
  --orange-five: hsl(23, 100%, 50%);
  --burnt-sienna: hsl(19, 95%, 40%);
  --red: hsl(8, 78%, 49%);
  --dark-red: hsl(8, 70%, 44%);
  --red-two: hsl(4, 90%, 58%);
  --red-three: hsl(0, 100%, 50%);
  --mid-baby-pink: hsl(0, 100%, 88%);
  --baby-pink: hsl(0, 100%, 93%);
  --magenta: hsl(300, 100%, 50%);
  --dark-yellow: hsl(57, 60%, 72%);
  --beige-bright: #f6f1e6;
  --beige-deep: #ebdfc5;
  --beige-two: hsl(63, 26%, 84%);
  --beige-three: hsl(48, 15%, 74%);
  --beige: hsl(48, 33%, 83%);
  --brown: hsl(40, 32%, 29%);
  --account-icon-border: hsl(45, 7%, 79%);
  --light-yellow: hsl(58, 100%, 90%);
  --lighter-yellow: hsl(58, 92%, 95%);
  --dark-beige: hsl(64, 9%, 71%);
  --light-beige: hsl(48, 29%, 93%);
  --cream: hsl(49, 30%, 93%);
  --off-white: hsl(45, 100%, 98%);
  --gold: hsl(50, 100%, 50%);
  --black: hsl(0, 0%, 0%);
  --boxshadow-black: hsla(0, 0%, 0%, 0.15);
  --icon-link-grey: hsla(0, 0%, 0%, 0.1);
  --dark-grey: hsl(0, 0%, 20%);
  --grey-464646: hsl(0, 0%, 27%);
  --darker-grey: hsl(0, 0%, 27%);
  --grey-555: hsl(0, 0%, 33%);
  --dark-grey-two: hsl(0, 0%, 35%);
  --grey: hsl(0, 0%, 40%);
  --accessible-grey: hsl(0, 0%, 46.3%);
  --mid-grey: hsl(0, 0%, 60%);
  --light-mid-grey: hsl(0, 0%, 67%);
  --background-grey: hsla(0, 0%, 78%, 0.23);
  --light-grey: hsl(0, 0%, 80%);
  --lighter-grey: hsl(0, 0%, 87%);
  --grey-e7e7e7: hsl(0, 0%, 91%);
  --lightest-grey: hsl(0, 0%, 93%);
  --grey-f3f3f3: hsl(0, 0%, 95%);
  --grey-fafafa: hsl(0, 0%, 98%);
  --white: hsl(0, 0%, 100%);
  --gray-a19b9e: hsl(330, 3%, 62%);
  --gray-d1cfd0: hsl(330, 2%, 82%);
  --grey-f4f4f4: hsl(0, 0%, 96%);
  --admin-row-background: hsl(58, 66%, 81%);
  --admin-table-border: hsl(48, 26%, 73%);
  --heart-color: hsl(358, 100%, 74%);
  --blue: hsl(240, 100%, 50%);
  --purple: hsl(283, 97%, 61%);
  --header-bar-gradient-start: hsl(41.2, 47.1%, 93.3%);
  --header-bar-gradient-end: hsl(41.5, 48.1%, 89.4%);
  --account-icon-background: hsla(37, 24%, 79%, 0.761);
  --book-cover-carousel-background: hsl(47, 54%, 90%);
  --book-cover-carousel-border-top: hsl(51, 32%, 88%);
  --book-cover-carousel-border-bottom: hsl(50, 32%, 85%);
  --book-cover-carousel-cards: hsl(47, 54%, 98%);
  --book-cover-shadow-color: hsl(48, 35%, 64%);
  --nagios-green: hsl(108, 100%, 50%);
  --open-green: hsl(126, 100%, 30%);
  --closed-red: hsl(0, 100%, 50%);
  --merged-purple: hsl(266, 100%, 75%);
  --color-border: hsl(0, 0%, 40%);
  --color-border-hovered: hsl(0, 0%, 40%);
  --color-border-focused: hsl(202, 96%, 37%);
  --color-border-error: hsl(8, 78%, 49%);
  --color-border-subtle: hsl(0, 0%, 87%);
  --color-focus-ring: hsl(202, 96%, 37%);
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-serif: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-family-mono: "Lucida Console", "Courier New", monospace;
  --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-code: "Lucida Console", "Courier New", monospace;
  --font-family-title: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-family-subtitle: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-subheading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-quote: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-family-button: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --body-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --code-family: "Lucida Console", "Courier New", monospace;
  --font-size-display-large: 57px;
  --font-size-display-medium: 45px;
  --font-size-display-small: 36px;
  --font-size-headline-large: 32px;
  --font-size-headline-medium: 28px;
  --font-size-headline-small: 24px;
  --font-size-title-large: 22px;
  --font-size-title-medium: 16px;
  --font-size-title-small: 14px;
  --font-size-label-large: 14px;
  --font-size-label-medium: 12px;
  --font-size-label-small: 11px;
  --font-size-body-large: 16px;
  --font-size-body-medium: 14px;
  --line-height-single: 1;
  --line-height-tight: 1.2;
  --line-height-snug: 1.35;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;
  --line-height-loose: 1.8;
  --line-height-display: 1.2;
  --line-height-heading: 1.35;
  --line-height-title: 1.35;
  --line-height-body: 1.5;
  --line-height-meta: 1.35;
  --line-height-blurb: 1.35;
  --line-height-list: 1.35;
  --line-height-table: 1.35;
  --line-height-code: 1.5;
  --line-height-control: 1.2;
  --line-height-chip: 1;
  --z-index-level-negative: -1;
  --z-index-level-1: 1;
  --z-index-level-2: 2;
  --z-index-level-3: 3;
  --z-index-level-4: 10;
  --z-index-level-5: 999;
  --z-index-level-6: 1000;
  --z-index-level-7: 1001;
  --z-index-level-13: 9999;
  --z-index-level-14: 10000;
  --z-index-level-16: 99999;
  --z-index-level-17: 999999;
}