/* Atlas: the look of e-conversion.de (PT Sans, TUM blue #3070B3, the green
   #A0CE4E), taken from the site's own stylesheet on 2026-09-24. The site has
   no dark mode, so the dark theme keeps the same brand on a navy ground.
   Every text colour reaches 4.5:1 against panel and ground (WCAG AA). The
   green is too light for the white ground (1.8:1), so light mode uses a
   darker shade of it for focus rings. */
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  --ground: #F6F6F6; --panel: #FFFFFF; --panel-2: #F9F9F9;
  --ink: #333333; --ink-2: #555555; --muted: #696969; --faint: #A0A0A0;
  --hair: #EBEAEA; --hair-2: #DDDDDD; --edge: #D2D3D4;
  --accent: #3070B3; --accent-hover: #0063BD; --accent-ink: #FFFFFF; --accent-soft: #EAF1F8;
  --accent-2: #5B8A1E;
  --heading-ink: #3070B3; --heading-weight: 400;
  --viz-1: #3070B3; --viz-2: #5B8A1E; --viz-3: #C0803A; --viz-4: #8A5FB0; --viz-5: #C74E5B;
  --display: "PT Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body: "PT Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* the site's corners are nearly square */
  --radius-scale: .5;
}
:root[data-theme="dark"] {
  --ground: #0E1622; --panel: #152030; --panel-2: #1A2638;
  --ink: #E6ECF3; --ink-2: #BCC7D4; --muted: #8FA0B5; --faint: #5F6E82;
  --hair: #223044; --hair-2: #2C3C52; --edge: #36495F;
  --accent: #6FA3DB; --accent-hover: #8DB8E6; --accent-ink: #0E1622; --accent-soft: #1A2E48;
  --accent-2: #A0CE4E;
  --heading-ink: #8DB8E6;
  --tip-bg: #E6ECF3; --tip-ink: #0E1622;
  --viz-1: #6FA3DB; --viz-2: #A0CE4E; --viz-3: #D8A05A; --viz-4: #B189DA; --viz-5: #DB7580;
  --viz-other: #6F7F93;
}