/* XAVR Landing: Basis-Tokens, uebernommen aus dem Produkt (Cerebro,
   quelldateien/index.css). Der Akzent ist Teal, der Token heisst aus
   historischen Gruenden --indigo. Schrift Lato, Zahlen JetBrains Mono. */

@import url('/assets/fonts/fonts.css');

:root {
  /* Heller Arbeitsbereich */
  --weiss: #ffffff;
  --liste: #fbfbfc;
  --fill: #f3f3f8;
  --fill-2: #f0f0f3;

  /* Tinte (neutral, leicht kuehl) */
  --tinte: #1a1a1f;
  --tinte-2: #3a3a42;
  --tinte-3: #57565f;
  --tinte-4: #6e6d77;
  --tinte-5: #8b8a94;
  --tinte-6: #adacb6;

  /* Linien */
  --linie: #ececef;
  --linie-2: #e2e2e7;
  --linie-3: #f0f0f3;

  /* Der eine Akzent - Teal #62B2A7 (Token-Name bleibt 'indigo') */
  --indigo: #62b2a7;
  --indigo-tief: #4f9b90;
  --indigo-hell: #74bfb4;
  --indigo-hauch: #e6f3f1;
  --indigo-hauch-2: #ebf5f3;

  /* Bedeutungsfarben */
  --gruen: #0f9d58;
  --amber: #f59e0b;
  --rot: #d64545;

  /* Schrift */
  --schrift: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --schrift-zahl: 'JetBrains Mono', ui-monospace, monospace;

  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;

  /* Signature-Easing des Produkts */
  --ease: cubic-bezier(0.2, 0.8, 0.3, 1);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--schrift);
  font-size: 15px;
  line-height: 1.6;
  background: var(--weiss);
  color: var(--tinte);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
p {
  margin: 0;
}

button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 2px solid var(--indigo);
  outline-offset: 2px;
  border-radius: var(--radius-s);
}

::selection {
  background: rgba(98, 178, 167, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}