/* Lagewerk – gemeinsame Grundlage für Website und Projektvorstellung (Schrift: Arial, gängig auf allen Systemen).
   Farben aus der Oberfläche (frontend/src/styles/tokens.css): Tinte statt Akzentfarbe,
   Farbe ist in Lagewerk für Status und Triage reserviert. */

:root {
  color-scheme: light;
  --canvas: #f2f5f5;
  --surface: #ffffff;
  --surface-2: #e8eded;
  --line: #d2dbdc;
  --line-strong: #7f9093;
  --fg: #162224;
  --fg-muted: #546669;
  --accent: #162224;
  --accent-fg: #ffffff;
  --accent-soft: #e6ebec;
  --font: Arial, 'Liberation Sans', Helvetica, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --canvas: #0b0e11;
    --surface: #10151a;
    --surface-2: #18202a;
    --line: #222b34;
    --line-strong: #5d6974;
    --fg: #dce3e8;
    --fg-muted: #8a96a0;
    --accent: #eef2f5;
    --accent-fg: #0b0e11;
    --accent-soft: #1f2833;
  }
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--canvas);
  color: var(--fg);
  font-family: var(--font);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { line-height: 1.2; margin: 0; }
p { margin: 0; }
a { color: inherit; }

.logo { display: block; color: var(--fg); }
.logo svg { display: block; width: 100%; height: auto; }