/* Design tokens - the only place colours, radii and shadows are defined.
   ui.css consumes these; pages never hardcode a colour. */
:root {
  --blaa: #2563eb;
  --blaa-moerk: #1e4fc2;
  --tekst: #1c2733;
  --dis: #4b5a6a;
  --svag: #8a97a4;
  --flade: #f6f7f9;
  --kant: #e3e7ec;
  --hvid: #fff;

  /* Signal pairs: text colour + soft background. 'doed' is ceased/neutral-gray,
     'fare' is the danger colour reserved for negative facts. */
  --ok: #15803d;      --ok-flade: #ecfdf3;
  --fare: #b91c1c;    --fare-flade: #fef2f2;
  --advarsel: #b45309; --advarsel-flade: #fffbeb;
  --doed: #57606b;    --doed-flade: #eef0f3;

  --rund: .5rem;
  --rund-stor: .6rem;
  --skygge: 0 8px 24px rgba(28, 39, 51, .12);
  --bredde: 56rem;
}