/* ═══════════════════════════════════════════════════
   aQuaStock Pro — base.css
   Reset, :root, typography stack, scrollbar, form focus, aksesibilitas (universal)
   ═══════════════════════════════════════════════════ */

/* ═══ INTER FONT (self-host) ═══ */
/* File woff2 di-load via inter.css */

/* ═══ RESET & BASE ═══ */
:root { color-scheme: dark; }
html, body {
  height: 100%;
  min-height: 100vh;
  background-color: #000;
}
body {
  font-family: 'InterVariable', -apple-system, BlinkMacSystemFont,
               'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2C2C2E; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3C3C3E; }

/* ═══ FORM FOCUS ═══ */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #0088CC;
  box-shadow: 0 0 0 3px rgba(0,136,204,0.15);
}

/* ═══ ICONS ═══ */
[data-lucide] { stroke-width: 2; }

/* ═══ ACCESSIBILITY ═══ */
:focus-visible:not([tabindex="-1"]) {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(50, 173, 230, 0.5);
  border-radius: 8px;
}
:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* Heading/non-interaktif dengan tabindex="-1" tidak boleh punya ring */
[tabindex="-1"]:focus,
[tabindex="-1"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

[data-programmatic-focus="true"] {
  outline: none !important;
  box-shadow: none !important;
}

.skip-link {
  position: absolute;
  top: -60px;
  left: 8px;
  background: #0088CC;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  z-index: 9999;
  font-weight: 600;
  text-decoration: none;
  transition: top 0.2s;
}
.skip-link:focus { top: 8px; }

/* Kontras teks lebih baik */
.text-primary-accessible { color: #32ADE6; }
.text-secondary-accessible { color: #A0A0A5; }