/* Base Style Overrides to Guarantee Resume Theme Matching */
:root {
  --color-bg: #0B0F19;
  --color-panel: #111827;
  --color-slate-border: #1E293B;
  --color-text-main: #F8FAFC;
  --color-text-muted: #94A3B8;
  --color-emerald: #10B981;
  --color-emerald-hover: #059669;
}

body {
  background-color: var(--color-bg) !important;
  color: var(--color-text-main) !important;
}

/* Custom Input and Select Field Strict Enforcements */
input[type="text"], 
input[type="password"], 
input[type="tel"], 
input[type="email"], 
input[type="url"],
input[type="number"],
select, 
textarea {
  background-color: var(--color-bg) !important;
  border-color: var(--color-slate-border) !important;
  color: var(--color-text-main) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--color-emerald) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--color-emerald) !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--color-slate-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-emerald);
}

html, body {
  overscroll-behavior-y: contain;
}