/* Zapier Design System — tokens (inlined locally for offline deployment) */
:root{
  --color-primary:#ff4f00;--color-on-primary:#fffefb;
  --color-canvas:#fffefb;--color-canvas-soft:#f8f4f0;
  --color-ink:#201515;--color-ink-soft:#2f2a26;--color-ink-mid:#36342e;
  --color-body:#605d52;--color-body-mid:#939084;--color-mute:#c5c0b1;
  --color-border:#201515;
  --surface-page:var(--color-canvas);--surface-card:var(--color-canvas-soft);
  --surface-inverse:var(--color-ink);--text-heading:var(--color-ink);
  --text-body:var(--color-body);--text-muted:var(--color-body-mid);
  --text-faint:var(--color-mute);--text-on-inverse:var(--color-on-primary);
  --cta-bg:var(--color-primary);--cta-fg:var(--color-on-primary);

  --font-display:'Mona Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  --space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;
  --space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;
  --section-pad:var(--space-4xl);--card-pad:var(--space-xl);--container-max:1280px;

  --radius-none:0px;--radius-sm:6px;--radius-md:12px;--radius-pill:9999px;--radius-full:9999px;
  --border-hairline:1px solid var(--color-ink);
  --shadow-overlay:0 8px 28px rgba(32,21,21,.14);--shadow-toast:0 6px 20px rgba(32,21,21,.12);

  --band-dark:#201515;
}
[data-theme="dark"]{
  --color-canvas:#161010;--color-canvas-soft:#211919;--color-ink:#f4efe9;--color-ink-soft:#ece5dd;
  --color-ink-mid:#d9d1c7;--color-body:#c3bcb0;--color-body-mid:#98918a;--color-mute:#6b655d;--color-border:#f4efe9;
  --band-dark:#241c1c;
}