@import url("./tokens.css");

/* Shared visual language, preserving the portal's session and guide layouts. */
body { font-family: var(--font-ui); }
:focus-visible { outline: 2px solid var(--gray-900); outline-offset: 4px; }
.nav-wrap { background: var(--nav-bg); backdrop-filter: blur(12px); border-bottom-color: var(--line-1); }
.brand-logo { height: 26px; }
.nav-tag, .kicker { font-family: var(--font-ui); letter-spacing: .04em; }
h1 { font-weight: 500; letter-spacing: -.04em; }
.btn { min-height: 44px; }
.btn.primary { color: var(--on-primary); }
.theme-toggle { background: var(--shell); border: 0; }
.theme-toggle button { width: 36px; height: 36px; }
.card, .download-card { border-color: var(--line-1); box-shadow: none; }
html[data-theme="dark"] .brand-logo { filter: grayscale(1) brightness(0) invert(1); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}