/* Qiprom Markenpaket 1.2, 06.10.2026. */
/* Inter 4.1: SIL OFL 1.1; Lizenz in lizenzen/Inter-OFL-1.1.txt. */
/* Schriftdateien lokal im eigenen Repo bereitstellen (Pfad ggf. anpassen), nicht über externe Font-CDNs laden. */
@font-face {
  font-family: 'Inter';
  src: url('./schriften/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face { font-family: 'Inter'; src: url('./schriften/InterVariable-Italic.woff2') format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; }
:root {
  --qiprom-petrol: #092a32;
  --qiprom-orange: #ff6b35;
  --qiprom-orange-light: #ffa94d;
  --qiprom-light: #f5f7fa;
  --qiprom-slate: #2b2d42;
  --qiprom-turquoise: #00c2cb;
  --qiprom-logo-blue: #004aad;
  --qiprom-white: #ffffff;
  --qiprom-font: 'Inter', system-ui, Arial, sans-serif;
  --qiprom-weight-body: 400;
  --qiprom-weight-heading: 700;
  --qiprom-text: var(--qiprom-petrol);
  --qiprom-surface: var(--qiprom-light);
  --qiprom-action-bg: var(--qiprom-orange);
  --qiprom-action-text: var(--qiprom-petrol);
  --qiprom-text-on-dark: var(--qiprom-light);
  --qiprom-h1: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --qiprom-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --qiprom-h3: clamp(1.375rem, 1.25rem + .5vw, 1.5rem);
  --qiprom-body: clamp(1rem, .94rem + .25vw, 1.125rem);
  --qiprom-small: .875rem;
  --qiprom-line-body: 1.6;
  --qiprom-line-heading: 1.15;
  --qiprom-space-1: .25rem;
  --qiprom-space-2: .5rem;
  --qiprom-space-3: .75rem;
  --qiprom-space-4: 1rem;
  --qiprom-space-6: 1.5rem;
  --qiprom-space-8: 2rem;
  --qiprom-space-12: 3rem;
  --qiprom-space-16: 4rem;
  --qiprom-radius: .75rem;
  --qiprom-radius-control: .375rem;
  --qiprom-radius-status: .25rem;
  --qiprom-muted: #52636a;
  --qiprom-border: #ccd7dc;
  --qiprom-muted-on-dark: #c1d8df;
  --qiprom-weight-ui: 600;
  --qiprom-content-width: 74rem;
  --qiprom-text-width: 65ch;
}
/* Beispielklassen: bei Übernahme gezielt zuweisen. */
.qiprom-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qiprom-space-2);
  padding: .75rem 1.25rem;
  border: 1px solid var(--qiprom-orange);
  border-radius: var(--qiprom-radius-control);
  background: var(--qiprom-action-bg);
  color: var(--qiprom-action-text);
  font: 700 1rem/1.25 var(--qiprom-font);
  text-decoration: none;
}
.qiprom-button:hover { background: var(--qiprom-orange-light); }
.qiprom-button:focus-visible {
  outline: 3px solid var(--qiprom-logo-blue);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--qiprom-white);
}
.qiprom-button:disabled {
  background: var(--qiprom-light);
  color: var(--qiprom-slate);
  cursor: not-allowed;
}
.qiprom-card {
  padding: var(--qiprom-space-6);
  border: 1px solid var(--qiprom-border);
  border-radius: var(--qiprom-radius);
  background: var(--qiprom-white);
  color: var(--qiprom-petrol);
}