/* Lowa Technologies — supplementary styles.
   The bulk of styling comes from Tailwind v4 (loaded via CDN in includes/head.php).
   This file holds rules Tailwind can't easily express. */

html { scroll-behavior: smooth; }

body {
  background-color: var(--color-background, #000);
  color: var(--color-foreground, #fff);
  font-family: 'Geist', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Focus ring for keyboard users only */
:focus-visible {
  outline: 2px solid var(--color-ring, #00d9ff);
  outline-offset: 2px;
}

/* Native <select> dark styling */
select {
  background-image:
    linear-gradient(45deg, transparent 50%, #a0aec0 50%),
    linear-gradient(135deg, #a0aec0 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.5rem;
}

select option {
  background-color: #0a0a0a;
  color: #ffffff;
}

/* Auto-fill colour fix */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #0a0a0a inset;
  caret-color: #ffffff;
}