@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);

[data-theme='tekmetric'] {
  --color-page-title: #2b2b2b;
  --color-secondary-border: #d0d0d0;
  --color-horizontal-rule: transparent;
  --color-select-state: #e4eef7;
  --radius-global: 4px;
  --radius-global-secondary: 4px;
  --radius-modal: 8px;
  --color-primary: #1786e8;
  --color-secondary: #232e32;
  --color-global-bg: #eceff1;
  --color-parent-container-border: transparent;
  --color-input-outline: #1d1b2e;
  --color-font-body: #2b2b2b;
  --color-nav-primary-bg: #232e32;
  --color-nav-primary-text: #fff;
  --color-nav-primary-active-text: #232e32;
  --color-nav-secondary-bg: #fff;
  --color-nav-secondary-text: #1d1b2e;
  --color-nav-secondary-active-text: #1786e8;
  --color-calendar-highlight: #007099;
  --color-stepper-steps: #595acb;
  --label-highlight: #2b2b2b;
  --color-headline: #2b2b2b;
  --weight-headline: 600;
  --color-link: #1786e8;
  --text-decoration-link: none;
  --color-btn-outlined: #2b2b2b;
  --border-btn-outlined: #d0d0d0;
  --border-color-btn-secondary: #d0d0d0;
  --color-btn-secondary-text: #2b2b2b;
  --color-btn-secondary-bg: #ffffff;
  --color-btn-primary-bg: #1786e8;
  --color-btn-primary-text: #fff;
  --radius-btn: 8px;
  --radius-chip: 8px;
  --chip-border-width: 0px;
  --color-primary-fill-illustration: #ccccef;
  --color-gray-fill-illustration: #f5f5f5;
  --color-black-fill-illustration: #4e5969;
  --color-chart-primary: #595acb;
  --color-chart-secondary: #eeeffa;
  --color-success-subtle: #e8f4ed;
  --color-error-subtle: #fce8e8;
  --color-warning-subtle: #fef3e8;
  --color-info-subtle: #e8f3fd;
  --color-neutral-subtle: #eef0f2;
  --color-success-default: #0e6935;
  --color-error-default: #d01919;
  --color-warning-default: #874a0f;
  --color-warning-medium: #F9B64B;
  --color-info-default: #105fa5;
  --color-neutral-default: #2b2b2b;
  --color-primary-default: #1786e8;
  --color-primary-subtle: #e4eef7;
  --color-accent-default: #6e217c;
  --color-accent-subtle: #f5eaf7;
  --color-chip-white-border: #d0d0d0;
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Inter', sans-serif;
}

#iframe-body-container {
  padding: 16px 24px;
}

#iframe-secondary-navigation-container {
  gap: 0px;

  & > div > a {
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 500;
  }


  .inactive:hover {
    color: var(--color-nav-secondary-active-text);
  }
}

.type-page-title {
  font-size: 24px;
}