:root {
  /* skin variables for UIR - Emporio Hamburg */
  --skin-color-primary: #003359;
  --skin-color-primary-light: #366487;
  --skin-color-primary-lighter: #c1d6eb;
  --skin-color-primary-shade: #000;
  --skin-color-primary-shade-inverted: #739cbf;
  --skin-color-accent: #e1e1e1;
  --skin-color-accent-light: #e8e3e3;
  --skin-color-accent-shade: #dad2d2;
  --skin-color-secondary: #c3c3c3;
  --skin-color-secondary-light: #e9e9e9;
  --skin-color-secondary-lighter: #f6f6f6;
  --skin-color-text: #242424;
  --skin-color-text-inverted: #272020;
  --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);
}