/* Jarvis Designsystem – Basis: Reset, Fokus, Hilfsklassen. */
@layer basis {
  *, *::before, *::after { box-sizing: border-box; }
  html, body { height: 100%; margin: 0; }
  body {
    background: var(--farbe-grund); color: var(--farbe-text);
    font: var(--groesse-m)/1.5 var(--schrift);
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  }
  [hidden] { display: none !important; }
  button, input, textarea, select { font: inherit; color: inherit; }
  h1, h2, h3 { margin: 0; font-weight: 650; letter-spacing: -0.01em; text-wrap: balance; }
  h2 { font-size: var(--groesse-l); }
  a { color: var(--farbe-aktion); }
  :focus-visible { outline: 2px solid var(--farbe-fokus); outline-offset: 2px; border-radius: var(--radius-s); }
  ::selection { background: color-mix(in oklch, var(--farbe-aktion) 35%, transparent); }
  * { scrollbar-width: thin; scrollbar-color: var(--farbe-rand-stark) transparent; }

  .leise { color: var(--farbe-text-leise); }
  .fehlertext { color: var(--farbe-schlecht); min-height: 1.2em; margin: 4px 0 0; }
  .mono, .zahl { font-family: var(--schrift-mono); font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
  .sr-nur { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}