:root {
  /* skin variables for UIR - domaquaree */
  --component-headline-font-family-level-1: 'Times New Roman, serif';
  --component-headline-font-family-level-2: 'Times New Roman, serif';
  --component-headline-font-style-level-1: italic;
  --component-headline-font-style-level-2: italic;
  --skin-color-primary: #0094b5;
  --skin-color-primary-light: #5bacbe;
  --skin-color-primary-lighter: #d8ecf3;
  --skin-color-primary-shade: #08424e;
  --skin-color-primary-shade-inverted: #b2d3dc;
  --skin-color-accent: #c4b7a5;
  --skin-color-accent-light: #e8e6e3;
  --skin-color-accent-shade: #b3ada2;
  --skin-color-secondary: #c3c3c3;
  --skin-color-secondary-light: #e8e3e3;
  --skin-color-secondary-lighter: #e8e3e3;
  --skin-color-text: #181818;
  --skin-color-text-inverted: #fff;
  --skin-mark-color: var(--skin-color-accent);
  --component-breadcrumb-color-text: var(--skin-color-primary);
  --component-navigation-element-color: var(--skin-color-text);
  --component-navigation-element-color-active-text: var(--skin-color-primary);
  --component-accordion-panel-color-title: var(--skin-color-text);
  --component-accordion-panel-color-icon: var(--skin-color-text);
  --component-accordion-panel-color-title-active: var(--skin-color-primary);
  --component-accordion-panel-color-icon-active: var(--skin-color-primary);
  --component-tab-active-color: var(--skin-color-primary);
  --component-tab-color: var(--skin-color-text);
  --component-table-head-color: var(--skin-color-accent-shade);
  --component-table-first-column-color: var(--skin-color-accent-light);
}