/* reset.css — Optic360
   Kills ALL browser defaults.
   CRITICAL: font-family and font-size inherit fixes
   input, button, select font issues globally.
   Load this FIRST before any other CSS.
*/

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

html {
  font-size: 11px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: var(--tp);
  background: var(--bg-page);
}

/* Remove list styles */
ul, ol { list-style: none; }

/* Remove default button styles */
button {
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
}

/* Remove default input styles */
input, textarea, select {
  outline: none;
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}

/* Remove default anchor styles */
a {
  text-decoration: none;
  color: inherit;
}

/* Remove default image border */
img { display: block; max-width: 100%; }

/* Remove default table border spacing */
table { border-collapse: collapse; border-spacing: 0; }

/* Monospace elements */
code, pre, kbd, samp {
  font-family: 'JetBrains Mono', 'Fira Code',
               'Cascadia Code', monospace;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover { background: var(--ts); }
* { scrollbar-width: thin; scrollbar-color: var(--border) transparent; }

/* Selection */
::selection {
  background: var(--acl);
  color: var(--ac);
}

/* Focus visible — accessibility */
:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Prevent text selection on interactive elements */
.db, .db-p, .db-up, .db-dn, .tab, .stab,
.mod-item, .sub-item, .nav-h-item, .nav-h-sub-item,
.badge, .pill, .cbtn, .ibtn, .more, .ra, .aa {
  user-select: none;
  -webkit-user-select: none;
}