/* D2D Erfolg — Markenbasis.
   Farben und Schriften wie der Lumis-Auftritt. Einzige Quelle: hier.
   In stil.css und in den Modulen niemals Hex-Werte schreiben. */

@import url("/fonts/fonts.css");

:root {
  /* Farben */
  --navy: #121f3b;
  --navy-tief: #0c1628;
  --ink: #1b2436;
  --orange: #e8500a;
  --orange-dunkel: #b23d08;
  --orange-soft: #fbe9df;
  --green: #1e9e6a;
  --green-soft: #e4f3ec;
  --cream: #faf6f0;
  --paper: #faf8f5;
  --weiss: #ffffff;
  --muted: #5c6472;
  --border: #e3e8ee;
  --line: #e7e1d8;
  --warn: #d5ab5b;
  --rot: #c8331f;

  /* Schriften */
  --font-head: "Poppins", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Maße */
  --radius: 14px;
  --radius-klein: 9px;
  --schatten: 0 1px 2px rgba(18, 31, 59, 0.06), 0 8px 24px rgba(18, 31, 59, 0.08);
  --schatten-hoch: 0 12px 40px rgba(18, 31, 59, 0.18);
  --kopf-hoehe: 56px;
  --leiste-hoehe: 62px;
}

* {
  box-sizing: border-box;
}

/* Muss über allen display-Regeln stehen: sonst zeigt ein Element mit
   display:flex/inline-flex sich trotz hidden-Attribut. */
[hidden] {
  display: none !important;
}

html,
body {
  margin: 0;
  height: 100%;
  overscroll-behavior: none;
}

body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-head);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--navy);
}

h1 {
  font-size: 1.35rem;
}
h2 {
  font-size: 1.1rem;
}
h3 {
  font-size: 0.98rem;
}

.zahl {
  font-family: var(--font-mono);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

a {
  color: var(--orange);
}