/* Aszendent24 brand tokens (ci/CI.md). Fonts are self hosted in ci/schriften, never loaded from a CDN. */
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url("schriften/newsreader-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url("schriften/newsreader-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 500; font-display: swap; src: url("schriften/newsreader-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 600; font-display: swap; src: url("schriften/newsreader-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("schriften/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("schriften/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("schriften/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("schriften/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans Symbols"; font-style: normal; font-weight: 400; font-display: swap; src: url("schriften/noto-sans-symbols-symbols-400-normal.woff2") format("woff2"); }

:root {
  /* colours */
  --a24-papier: #f4efe4;       /* page background */
  --a24-karte: #fbf8f1;        /* cards, sheets */
  --a24-weiss: #ffffff;        /* inputs */
  --a24-tint: #ebe3d0;         /* quiet bands, chips */
  --a24-tinte: #1b2236;        /* text, headings, dark surfaces */
  --a24-grau: #565a6a;         /* secondary text */
  --a24-rost: #a4401d;         /* the one action colour: buttons, links, signs */
  --a24-rost-dunkel: #8a3417;  /* pressed button */
  --a24-blau: #2f5f80;         /* harmonious aspects in the radix only */
  --a24-linie: #d8cfba;        /* hairlines, quiet borders */
  --a24-feld: #857b60;         /* border of input fields */
  --a24-auf-tinte: #c9cddb;    /* secondary text on dark surfaces */
  --a24-rost-hell: #e7a98f;    /* signs and numbers on dark surfaces */

  /* type */
  --a24-serif: "Newsreader", Georgia, serif;
  --a24-sans: "Inter", system-ui, sans-serif;
  --a24-zeichen: "Noto Sans Symbols", sans-serif;

  /* shape */
  --a24-radius: 4px;
  --a24-schatten: 0 10px 28px rgba(27, 34, 54, .14);
}