/* AUTOMATISCH ERZEUGT vom CMS für „Testfirma“ – nicht von Hand bearbeiten. Stand: 2026-11-06 16:38 */

@font-face { font-family: "Space Grotesk"; src: url('../../assets/fonts/space-grotesk-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url('../../assets/fonts/space-grotesk-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url('../../assets/fonts/inter-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url('../../assets/fonts/inter-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url('../../assets/fonts/inter-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Inter", "Helvetica Neue", Arial, sans-serif;
  --radius-sm: 2px;
  --radius-md: 4px;
}

:root, [data-theme="light"] {
  color-scheme: light;
  --surface: #f6f3ee;
  --surface-raised: #ffffff;
  --surface-sunken: #ece7de;
  --ink: #17201c;
  --ink-muted: #56605a;
  --line: #d9d2c6;
  --line-strong: #7d847d;
  --tanne: #1e4a38;
  --on-tanne: #f6f3ee;
  --tanne-soft: #dce7e0;
  --signal: #e8643a;
  --on-signal: #17201c;
  --signal-ink: #a93c14;
  --signal-soft: #f8e0d4;
  --inverse: #17201c;
  --on-inverse: #f6f3ee;
  --focus: #e8643a;
}
[data-theme="dark"] {
  color-scheme: dark;
  --surface: #121815;
  --surface-raised: #1a221e;
  --surface-sunken: #0d120f;
  --ink: #eef0ec;
  --ink-muted: #a2aca6;
  --line: #2f3a34;
  --line-strong: #6f7a73;
  --tanne: #7cc29f;
  --on-tanne: #0f1713;
  --tanne-soft: #1f3329;
  --signal: #f0744a;
  --on-signal: #17201c;
  --signal-ink: #f59a77;
  --signal-soft: #3a2219;
  --inverse: #0a0e0c;
  --on-inverse: #eef0ec;
  --focus: #f0744a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #121815;
    --surface-raised: #1a221e;
    --surface-sunken: #0d120f;
    --ink: #eef0ec;
    --ink-muted: #a2aca6;
    --line: #2f3a34;
    --line-strong: #6f7a73;
    --tanne: #7cc29f;
    --on-tanne: #0f1713;
    --tanne-soft: #1f3329;
    --signal: #f0744a;
    --on-signal: #17201c;
    --signal-ink: #f59a77;
    --signal-soft: #3a2219;
    --inverse: #0a0e0c;
    --on-inverse: #eef0ec;
    --focus: #f0744a;
  }
}