/* FortiGate Inventory Design System V2 - base */
html { scroll-behavior: smooth; }
body {
  font-family: var(--fi-font-sans);
  background: var(--fi-bg);
  color: var(--fi-text);
  transition: background-color var(--fi-transition-base), color var(--fi-transition-base);
}
code, pre, .global-search-key, .font-monospace { font-family: var(--fi-font-mono); }
::selection { background: rgba(15, 95, 217, .18); color: var(--fi-text); }
a { transition: color var(--fi-transition-fast); }
:focus-visible {
  outline: 3px solid rgba(15, 95, 217, .35) !important;
  outline-offset: 2px;
}
.text-gray-900, .text-gray-800, .text-gray-700 { color: var(--fi-text) !important; }
.text-gray-600, .text-muted { color: var(--fi-text-muted) !important; }
.bg-white { background-color: var(--fi-surface) !important; }
.border, .border-left, .border-right, .border-top, .border-bottom { border-color: var(--fi-border) !important; }
.content-shell { max-width: 1920px; }
#content-wrapper, #content { background: var(--fi-bg); }
.action-row { gap: var(--fi-space-3); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}