/* Netwerk in Kaart — huisstijl & thema-tokens (per netwerk aanpassen) */

:root{
  /* Huisstijl Bemoeizorg */
  --brand-dark:#1e332f;
  --brand-teal:#2ca58e;
  --brand-orange:#f6a117;
  --brand-orange-light:#f0a840;
  --brand-teal-rgb:44,165,142;
  --brand-dark-rgb:30,51,47;
  --brand-orange-rgb:246,161,23;
  --brand-orange-light-rgb:240,168,64;

  /* Donker thema */
  --bg:#0a100f;
  --bg-elevated:#122220;
  --card:#0f1c19;
  --card-highlight:#162925;
  --text:#e8eeec;
  --muted:#94a9a3;
  --line:#2a403c;
  --accent:var(--brand-teal);
  --accent-strong:#35b89a;
  --accent-muted:rgba(var(--brand-teal-rgb),0.38);
  --accent-subtle:rgba(var(--brand-teal-rgb),0.16);
  --surface:rgba(var(--brand-dark-rgb),0.92);
  --surface-solid:#0f1c19;
  --shadow:rgba(10,16,15,0.62);

  --text-base:14px;
  --text-sm:12px;
  --text-xs:11px;
}

body.light{
  --bg:#f2f6f5;
  --bg-elevated:#ffffff;
  --card:#ffffff;
  --card-highlight:#fafcfb;
  --text:var(--brand-dark);
  --muted:#5c726c;
  --line:#c5d4d0;
  --accent:var(--brand-teal);
  --accent-strong:#238b75;
  --accent-muted:rgba(var(--brand-teal-rgb),0.28);
  --accent-subtle:rgba(var(--brand-teal-rgb),0.12);
  --surface:rgba(255,255,255,0.94);
  --surface-solid:#ffffff;
  --shadow:rgba(var(--brand-dark-rgb),0.14);

  background:
    radial-gradient(circle at top, #e8f2ef 0%, var(--bg) 55%);
  color:var(--text);
}