/* Bygmer, kvalitetsgulvet.
 *
 * Reglerne her er ikke stil, de er gulv: kontrastens naboer, altsaa
 * bevaegelse, fokus og klikflader. De skal gaelde paa hver eneste side.
 *
 * Filen findes fordi maalingen 02-09-2026 viste at kun forsiden henter
 * designsystemet. /pilot/ og de ti blogsider baerer hver deres private
 * :root, saa en regel lagt i dsassets naaede elleve af tolv sider slet ikke.
 * Denne fil hentes af dem alle og roerer ingen tokens, saa den kan ligge
 * side om side med en sides egne farver uden at slaas med dem.
 *
 * Hentes med en almindelig <link>, ikke gennem @import: maal-flade.js
 * laeser kun stylesheets paa oeverste niveau, saa en regel bag et @import
 * bliver rapporteret som fravaerende selv naar den virker.
 */

/* Bevaegelse. Maalt 02-09-2026: nul regler slog bevaegelse fra paa nogen af
   de tolv sider, mens 7 til 14 elementer havde en overgang. Erstat med et
   oejeblikkeligt skift, ikke med ingenting. Siderne saetter overgange inline,
   saa reglerne skal vaere !important for at naa dem. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Fokusmarkering. Maa aldrig fjernes, og skal kunne ses paa baade lys og
   moerk flade. Rav alene er for lys paa sand, saa ringen er blaek. */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--ink-1, #1A1815);
  outline-offset: 2px;
  border-radius: 3px;
}

/* Klikfladegulv i navigation og footer. En hoejde bygget af polstring holder
   kun saa laenge ingen saetter sin egen polstring, saa gulvet ligger i reglen.
   Links midt i loebende tekst er undtaget af WCAG og roeres ikke. */
:where(nav, footer) a,
:where(nav, footer) button {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}