/* LabradorID — design tokens (colours and fonts).
   Source of truth for the website and anything else in the LabradorID look. See BRAND.md for how to use them.
   The German names are the brand's colour names; the comment says what each one is for. */
:root{
  /* Backgrounds */
  --schiefer:#151A1F;     /* slate — main dark background, text on amber buttons */
  --petrol:#123945;       /* petrol — second dark background, cards on dark */
  --kalk:#EFEDE7;         /* lime white — light background, text on dark */

  /* Accents */
  --bernstein:#E3A13B;    /* amber — primary buttons, highlights, accent strokes. Never as text on light */
  --bernstein-hover:#EFB055;
  --teal:#12B5B0;         /* teal — labels and links on dark. Never as text on light */
  --tiefteal:#0A6E72;     /* deep teal — labels, links and accents on light */

  /* Secondary text */
  --nebel:#8FA3A8;        /* mist — secondary text on dark */
  --rauch:#5E6E72;        /* smoke — secondary text on light */

  /* Lines and borders */
  --petrol-line:#1D515E;  /* borders on dark/petrol */
  --line-dark:#23303A;    /* dividers on slate (nav, footer) */
  --line-light:#C9C4B8;   /* dividers and borders on lime white */

  /* Fonts (self-hosted, SIL Open Font License) */
  --display:"Fira Sans","Helvetica Neue",Arial,sans-serif;          /* headlines, labels, buttons, navigation */
  --body:"IBM Plex Serif",Georgia,"Times New Roman",serif;          /* reading text */
}