/* RDE CRM — visual theme tokens (from the approved style guide, 2026-07-19)
 * Styling layer ONLY: pages keep their own structure and wiring and pull
 * colours/type/radii from here. One red; three greys; 4px spacing grid. */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
  /* brand */
  --rde-red:#E01E26;        --rde-red-hover:#C4161C;
  --rde-red-active:#A01015; --rde-red-tint:#FEE4E2;
  --rde-focus:0 0 0 4px rgba(224,30,38,.15);

  /* light surfaces */
  --bg:#F4F5F7;      --surface:#FFFFFF;   --surface-2:#FAFBFC;
  --border:#E4E7EC;  --border-2:#EAECF0;  --field-border:#D0D5DD;
  --text:#101828;    --text-2:#475467;    --muted:#98A2B3;

  /* dark surfaces (sign-in / field header) */
  --d-bg:#0E1013;    --d-surface:#171A21; --d-raised:#1F242D;
  --d-border:#2A303A;--d-text:#F5F6F8;    --d-muted:#98A2B3;

  /* status: text / bg / dot */
  --quote:#B45309;      --quote-bg:#FEF3C7;    --quote-border:#FDE68A;   --quote-dot:#F59E0B;
  --work:#0F357A;       --work-bg:#DBE6FA;     --work-border:#AEC6EE;    --work-dot:#1856C4;
  --completed:#067647;  --completed-bg:#DCFAE6;--completed-border:#ABEFC6;--completed-dot:#17B26A;
  --invoiced:#6127B0;   --invoiced-bg:#F3EAFC; --invoiced-border:#E0CBF6;--invoiced-dot:#8B3EDB;
  --paid:#067647;       --paid-bg:#067647;     --paid-fg:#FFFFFF;        --paid-dot:#ABEFC6;
  --overdue:#B42318;    --overdue-bg:#D92D20;  --overdue-fg:#FFFFFF;     --overdue-dot:#FECDC9;

  /* radius */
  --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-pill:999px;

  /* elevation */
  --sh-xs:0 1px 2px rgba(16,24,40,.06);
  --sh-sm:0 1px 3px rgba(16,24,40,.10);
  --sh-md:0 4px 12px rgba(16,24,40,.08);
  --sh-lg:0 20px 40px -12px rgba(16,24,40,.25);

  --font-ui:'Figtree',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
}