/* carepie · Designsystem 01. Im Projekt nach den lokalen Schriftdefinitionen laden. */
:root{
  --ink:#161616; --paper:#F6F5F0; --pink:#FF76B5; --aqua:#62E7D3;
  --text:var(--ink); --surface:var(--paper); --action-primary:var(--pink); --selection:var(--aqua);
  --font-display:Poster,Impact,'Arial Narrow',sans-serif; --font-body:Grotesk,Arial,sans-serif;
  --font-label:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-6:48px; --space-8:64px;
  --rule:1px solid var(--ink); --outline:2px solid var(--ink); --offset:4px 4px 0 var(--ink);
  --columns:12; --gutter:24px; --focus:3px solid var(--ink);
}
@media(max-width:720px){:root{--columns:4;--gutter:16px}}