/* Portal theme variables &#x2014; Testkunde — generated from portal settings */
:root {

  --portal-color-primary: #1b2750;
  --portal-color-primary-rgb: 27, 39, 80;
  --portal-color-primary-hover: #172144;
  --portal-color-primary-active: #141d3c;
  --portal-color-primary-light: #e8e9ee;
  --portal-color-primary-border: #c6c9d3;
  --portal-color-primary-contrast: #ffffff;
    

  --portal-color-secondary: #f5c1bc;
  --portal-color-secondary-rgb: 245, 193, 188;
  --portal-color-secondary-hover: #d0a4a0;
  --portal-color-secondary-active: #b8918d;
  --portal-color-secondary-light: #fef9f8;
  --portal-color-secondary-border: #fcf0ee;
  --portal-color-secondary-contrast: #000000;
    

  --portal-color-body-bg: #f7f7f8;
  --portal-color-body-bg-rgb: 247, 247, 248;
  --portal-color-body-bg-hover: #d2d2d3;
  --portal-color-body-bg-active: #b9b9ba;
  --portal-color-body-bg-light: #fefefe;
  --portal-color-body-bg-border: #fdfdfd;
  --portal-color-body-bg-contrast: #000000;
    

  --portal-color-body: #031135;
  --portal-color-body-rgb: 3, 17, 53;
  --portal-color-body-hover: #030e2d;
  --portal-color-body-active: #020d28;
  --portal-color-body-light: #e6e7eb;
  --portal-color-body-border: #c0c4cc;
  --portal-color-body-contrast: #ffffff;
    

  --portal-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --portal-font-body-weight: 400;
  --portal-font-body-weight-bold: 700;
  --portal-font-title: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --portal-font-title-weight: 400;
  --portal-font-title-weight-bold: 700;

  --portal-font-size-body: 1rem;
  --portal-font-size-lead: 1.25rem;
  --portal-font-size-h1: 2.5rem;
  --portal-font-size-h2: 2rem;
  --portal-font-size-h3: 1.75rem;
  --portal-font-size-h4: 1.5rem;
  --portal-font-size-h5: 1.25rem;
  --portal-font-size-h6: 1rem;

  --portal-border-radius: 0.375rem;
  --portal-border-radius-btn: 0.375rem;
  --portal-breadcrumb-display: block;
}
