/* Design tokens of variant A5 "Modern" (docs/branchen/anhaenger/design/README.md). Change the look here only. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter.65850a373e25.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bg: #FFFFFF;
  --bg-soft: #F6F8F6;
  --surface: #FFFFFF;
  --ink: #101828;
  --ink-2: #344054;
  --muted: #475467;
  --line: #EAECF0;
  --line-strong: #D0D5DD;
  --chip: #F2F4F7;
  --busy: #F2F4F7;
  --busy-ink: #667085;

  --accent: #166534;
  --accent-hover: #14532D;
  --accent-ink: #FFFFFF;
  --accent-soft: #DCFCE7;
  --accent-soft-ink: #14532D;
  --hl-ink: #166534;
  --hl-bg: transparent;
  --hl-pad: 0;
  --danger: #B42318;
  --danger-soft: #FEF3F2;

  --footer-bg: #101828;
  --footer-ink: #D0D5DD;

  --radius: 14px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-strong: 0 12px 24px -8px rgba(16, 24, 40, .12), 0 4px 8px -4px rgba(16, 24, 40, .06);

  --touch: 44px;
  --gutter: 24px;
}

@media (max-width: 760px) {
  :root { --gutter: 16px; }
}