/* =============================================================================
   NitaPlatform Design System — Base Styles
   Minimal reset + typography + scrollbar
   Do NOT add Bootstrap grid or utility class overrides here.
   ============================================================================= */

/* 1. Box-sizing reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Body */
body {
  font-family: var(--font-family);
  background: var(--nita-bg);
  color: var(--nita-text);
}

/* 3. Global scrollbar — Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(25, 47, 114, 0.15) transparent;
}

/* 3. Global scrollbar — WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(25, 47, 114, 0.15);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(25, 47, 114, 0.3);
}

/* 4. Typography — headings */
h1 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-bold);
}

h2 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-bold);
}

h3 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-semibold);
}

h4 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-semibold);
}

h5 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-medium);
}

h6 {
  color: var(--nita-primary);
  font-weight: var(--font-weight-medium);
}

/* 5. Links */
a {
  color: var(--nita-primary);
  text-decoration: none;
}

a:hover {
  color: var(--nita-primary);
  text-decoration: underline;
}

/* 6. Text selection */
::selection {
  background: rgba(25, 47, 114, 0.15);
  color: var(--nita-primary);
}