/* Gerado por scripts/generate-design-tokens.mjs a partir de design-system/tokens.json. Nao editar. */
:root {
  --rh-font-display: "Spectral", Georgia, Cambria, serif;
  --rh-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rh-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --rh-color-bg: #F5F6F8;
  --rh-color-surface: #FFFFFF;
  --rh-color-surface-muted: #E7ECF2;
  --rh-color-border: #AEBBC7;
  --rh-color-border-subtle: #D8DEE6;
  --rh-color-border-strong: #AEBBC7;
  --rh-color-text: #16232F;
  --rh-color-heading: #0B1F3A;
  --rh-color-text-muted: #5B6B7A;
  --rh-color-text-soft: #8996A3;
  --rh-color-brand: #0B1F3A;
  --rh-color-brand-hover: #12294A;
  --rh-color-brand-soft: #E7ECF2;
  --rh-color-brand-border: #AEBBC7;
  --rh-color-action: #1C3A5E;
  --rh-color-action-hover: #12294A;
  --rh-color-accent: #A9825A;
  --rh-color-accent-hover: #8F6C47;
  --rh-color-accent-soft: #E7ECF2;
  --rh-color-danger: #B42318;
  --rh-color-danger-hover: #912018;
  --rh-color-danger-soft: #FEE4E2;
  --rh-color-warning: #93370D;
  --rh-color-warning-soft: #FEF0C7;
  --rh-color-success: #067647;
  --rh-color-success-soft: #D1FADF;
  --rh-color-status-active-bg: #E7ECF2;
  --rh-color-status-active-text: #1C3A5E;
  --rh-color-status-inactive-bg: #EEEEEE;
  --rh-color-status-inactive-text: #5B6B7A;
  --rh-color-navigation: #0B1F3A;
  --rh-color-navigation-active: #12294A;
  --rh-color-navigation-border: #1C3A5E;
  --rh-color-navigation-text: #FFFFFF;
  --rh-color-navigation-muted: #B9C4D0;
  --rh-color-scrollbar-track: #F5F6F8;
  --rh-color-scrollbar-track-border: #D8DEE6;
  --rh-color-scrollbar-thumb: #A9825A;
  --rh-color-scrollbar-thumb-hover: #8F6C47;
  --rh-color-scrollbar-thumb-active: #1C3A5E;
  --rh-shadow-xs: none;
  --rh-shadow-sm: none;
  --rh-shadow-md: none;
  --rh-shadow-modal: 0 18px 48px rgba(11, 31, 58, 0.14);
  --rh-radius-xs: 2px;
  --rh-radius-sm: 2px;
  --rh-radius-md: 2px;
  --rh-radius-lg: 2px;
  --rh-radius-xl: 2px;
  --rh-space-page: clamp(1rem, 2vw, 1.75rem);
  --rh-topbar-height: 64px;
  --rh-workspace-header-height: 72px;
  --rh-sidebar-width: 264px;
  --rh-page-max-width-wide: 96rem;
  --rh-page-max-width-readable: 48rem;
  --rh-page-max-width-compact: 32rem;
  --rh-scrollbar-size: 7px;
  --rh-scrollbar-radius: 2px;
}

@font-face {
  font-family: "Spectral";
  src: url("/fonts/spectral-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/fonts/spectral-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/fonts/spectral-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Spectral";
  src: url("/fonts/spectral-latin-700-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu) {
  scrollbar-color: var(--rh-color-scrollbar-thumb) var(--rh-color-scrollbar-track);
  scrollbar-width: thin;
}

:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu)::-webkit-scrollbar {
  width: var(--rh-scrollbar-size);
  height: var(--rh-scrollbar-size);
}

:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu)::-webkit-scrollbar-track {
  border-left: 1px solid var(--rh-color-scrollbar-track-border);
  background: var(--rh-color-scrollbar-track);
}

:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu)::-webkit-scrollbar-thumb {
  border-radius: var(--rh-scrollbar-radius);
  background: var(--rh-color-scrollbar-thumb);
}

:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu)::-webkit-scrollbar-thumb:hover { background: var(--rh-color-scrollbar-thumb-hover); }
:where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu)::-webkit-scrollbar-thumb:active { background: var(--rh-color-scrollbar-thumb-active); }

@media (pointer: coarse), (forced-colors: active) {
  :where(html, body, .rh-scroll-region, .rh-main, .rh-sidebar-scroll, .rh-modal, .rh-tabs-more-menu) {
    scrollbar-color: auto;
    scrollbar-width: auto;
  }
}