@custom-media --breakpoint-desktop (min-width: 700px);

:root {
  --content-max-width: 980px;
  --grid-gutter: 22px;
  --border-radius: 4px;

  --line-height: 1.5em;

  --font-regular: 'roboto', Helvetica, sans-serif;
  --font-medium: 'robotomedium', Helvetica, sans-serif;

  --color-palette-blue: #5c9fef;
  --color-palette-blue-medium: #3c80cf;
  --color-palette-blue-dark: #3072be;
  --color-palette-red: #cd3f39;

  --color-text-default: #2a3039;
  --color-text-grey: #8091a5;
  --color-text-dark-bg: #fff;
  --color-text-dark-bg-grey: #a9b9c0;
  --color-text-error: var(--color-palette-red);

  --color-link-content: var(--color-palette-blue);

  --color-bg-default: #fff;
  --color-bg-grey: #f7f9fa;
  --color-bg-separator: #e5ebed;

  --color-text-footer: #a9b9c0;

  --color-sidebar-bg: #f7f9fa;
  --color-sidebar-seperator: #eeeeee;

  --color-course-active: #536171;
  --color-course-card-description: #536171;

  --color-status-block-bg-success: #f4fffb;
  --color-status-block-bg-error: #fbe3e2;
  --color-status-block-message: #536171;

  --color-input-text: #536171;
  --color-input-bg: #fff;
  --color-input-border: #d3dce0;

  --layout-sidebar-sidebar-width: 228px;
  --layout-sidebar-content-width: 732px;

  --card-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);

  --cta-color: #fff;
  --cta-bg: var(--color-palette-blue);
  --cta-radius: 3px;
}