/* Bautagebuch24 brand tokens (ci/CI.md). Fonts are self hosted in ci/schriften, never loaded from a CDN. */
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("schriften/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("schriften/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("schriften/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("schriften/barlow-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("schriften/barlow-condensed-latin-700-normal.woff2") format("woff2"); }

:root {
  /* colours */
  --b24-ink: #1c1f23;          /* Anthrazit: text, headings, dark surfaces */
  --b24-muted: #4a5058;        /* Schiefer: secondary text */
  --b24-concrete: #f4f2ee;     /* Beton: page background */
  --b24-white: #ffffff;        /* cards, sheets */
  --b24-line: #e2ded6;         /* borders, dividers */
  --b24-signal: #e8590c;       /* Signalorange: marks, bars, icons, never small text */
  --b24-action: #c2410c;       /* Signal dunkel: buttons, links, orange text */
  --b24-action-press: #b03a0a; /* pressed button */
  --b24-signal-soft: #fde8d7;  /* orange tint for pills and alerts */
  --b24-signal-ink: #8a3a06;   /* text on the orange tint */
  --b24-ok: #1f7a4d;           /* app status "synchronisiert" only */
  --b24-ok-soft: #e3f2ea;
  --b24-ok-ink: #145c3a;
  --b24-on-dark: #c9ced4;      /* secondary text on anthracite */

  /* type */
  --b24-font: "Barlow", system-ui, sans-serif;
  --b24-font-display: "Barlow Condensed", "Barlow", system-ui, sans-serif;

  /* shape */
  --b24-radius: 6px;
  --b24-radius-small: 4px;
  --b24-tap: 48px;             /* minimum touch target */
  --b24-shadow: 0 1px 2px rgba(28, 31, 35, .06), 0 8px 24px rgba(28, 31, 35, .08);
}