/* Gebäudetechnik Pro – gemeinsame Design-Token
 * Druckverlust Pro bleibt strukturelle Referenz. Die rote Akzentfarbe wird
 * bewusst sparsam für aktive Zustände, Fokus und Berichtslinien eingesetzt.
 */
:root {
  --eo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --eo-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --eo-navy-950: #041426;
  --eo-navy-900: #071c35;
  --eo-navy-800: #102d4d;
  --eo-navy-700: #1c4368;
  --eo-accent-800: #9f1f29;
  --eo-accent-700: #bd2731;
  --eo-accent-600: #cf3540;
  --eo-accent-100: #fbeaec;
  --eo-accent-050: #fff6f7;

  --eo-surface: #ffffff;
  --eo-surface-soft: #f6f8fa;
  --eo-surface-muted: #eef2f5;
  --eo-canvas: #e9eef3;
  --eo-border: #d8e0e8;
  --eo-border-strong: #bcc8d3;
  --eo-text: #152437;
  --eo-text-muted: #637286;
  --eo-success: #167452;
  --eo-warning: #9a5a0c;
  --eo-danger: #b4232d;
  --eo-info: #275f90;

  --eo-radius-xs: 3px;
  --eo-radius-sm: 5px;
  --eo-radius-md: 7px;
  --eo-radius-lg: 10px;
  --eo-shadow-sm: 0 4px 14px rgba(7, 28, 53, .07);
  --eo-shadow-md: 0 12px 32px rgba(7, 28, 53, .10);
  --eo-focus: 0 0 0 3px rgba(207, 53, 64, .18);
  --eo-platform-bar-height: 38px;
}

html {
  color-scheme: light;
}

body {
  font-family: var(--eo-font-sans);
  color: var(--eo-text);
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--eo-accent-600);
  outline-offset: 2px;
}

::selection {
  color: #fff;
  background: var(--eo-accent-700);
}

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