/* ============================================================
   WebAid Command Centre — design tokens
   Five type sizes. No more. That is the whole discipline.
   ============================================================ */
:root{
  /* brand */
  --navy:#16294F;
  --navy-deep:#0F1D3A;
  --orange:#F36F24;
  --orange-deep:#D95B12;

  /* surfaces */
  --bg:#F4F6FA;
  --surface:#FFFFFF;
  --surface-2:#FAFBFD;
  --line:#E2E8F2;
  --line-soft:#EDF1F7;

  /* text */
  --ink:#0F1B2E;
  --ink-2:#3A4761;
  --ink-3:#6B7A93;

  /* meaning — colour carries weight on a money screen, never decoration */
  --good:#0E9F6E;   --good-bg:#E7F7F0;
  --warn:#C77700;   --warn-bg:#FDF4E3;
  --bad:#D92D20;    --bad-bg:#FDECEA;

  /* type scale */
  --t-display:2.125rem;
  --t-title:1.25rem;
  --t-body:0.9375rem;
  --t-label:0.8125rem;
  --t-micro:0.6875rem;

  /* rhythm */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px;

  /* radius carries hierarchy — not one value on everything */
  --r-sm:10px;
  --r-md:16px;
  --r-lg:26px;

  --tab-h:64px;
  --safe-b:env(safe-area-inset-bottom,0px);

  --lift:0 1px 2px rgba(15,27,46,.04), 0 8px 24px -16px rgba(15,27,46,.28);
  --lift-2:0 24px 48px -28px rgba(15,27,46,.45);
}

[data-theme="dark"]{
  --bg:#080F1C;
  --surface:#111C31;
  --surface-2:#0D1727;
  --line:#22304B;
  --line-soft:#1A2740;
  --ink:#EEF3FA;
  --ink-2:#AFBDD4;
  --ink-3:#7B8BA6;
  --navy:#22365E;
  --navy-deep:#0D1729;
  --good:#34D399; --good-bg:#0C2C22;
  --warn:#F5B547; --warn-bg:#2E2413;
  --bad:#F87171;  --bad-bg:#31191A;
  --lift:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
  --lift-2:0 24px 48px -28px rgba(0,0,0,.8);
}