/* Tokens redefined here point at TheVaultMind's actual palette (css/theme.css, loaded
   before this file — see index.html/history.html/settings.html) instead of this app's
   old standalone blue/Inter identity. Everything below (layout.css, components.css,
   detector.css) already reads these same var() names, so redefining them here carries
   most of the rebrand — see docs discussion "copy the look and feel of thevaultmind". */
:root {
  --bg: var(--bg-e);
  --surface: var(--bg-s);
  --border: var(--bd);
  --text: var(--tx);
  --muted: var(--tx2);
  --primary: var(--kb);
  --primary-dark: #5b4fa0;
  --green: var(--int);
  --orange: var(--frameworks);
  --red: var(--compliance);
  --blue: var(--study);
  --shadow: var(--sh);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
}

h1, h2, h3, .logo, .card-title {
  font-family: var(--display);
}

body.modal-open {
  overflow: hidden;
}

button,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:focus-visible,
textarea:focus-visible,
.issue-item:focus-visible {
  outline: 3px solid rgba(122, 95, 196, 0.3);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}