/* LeadsDesk design tokens v1 — source of truth. Every component colors itself ONLY with these variables.
   Theme: <html data-theme="light|dark">. No hex values outside this file. */
:root,[data-theme=light]{
  color-scheme:light;
  /* surfaces */
  --ld-bg:#f4f6f8; --ld-surface:#ffffff; --ld-surface-sunken:#f8fafb; --ld-raised:#ffffff; --ld-hover:#eef2f5; --ld-selected:#e2f2f5;
  /* borders */
  --ld-border:#e1e7ec; --ld-border-strong:#c9d3db; --ld-divider:#edf1f4;
  /* text */
  --ld-text:#16232b; --ld-text-2:#3f505c; --ld-muted:#5d6e7a; --ld-disabled:#9aa8b2; --ld-on-accent:#ffffff;
  /* brand / accent (LeadsDesk teal) */
  --ld-accent:#0d7a90; --ld-accent-hover:#0a6578; --ld-accent-soft:#e2f2f5; --ld-accent-text:#0b6a7d; --ld-focus:#0d7a90; --ld-focus-ring:0 0 0 3px rgba(13,122,144,.32);
  /* semantic */
  --ld-success:#15803d; --ld-success-soft:#e6f4ea; --ld-warning:#a95c00; --ld-warning-soft:#fdf1dc;
  --ld-danger:#c0392b; --ld-danger-hover:#a3291d; --ld-danger-soft:#fbe9e7; --ld-info:#2563eb; --ld-info-soft:#e7efff;
  /* timeline events: fg (icon/rail/text) + soft (bubble/card tint) */
  --ev-text:#1f8a4c; --ev-text-soft:#e5f5eb;
  --ev-email:#2f63d6; --ev-email-soft:#e9f0fd;
  --ev-call:#7a4fd6; --ev-call-soft:#f0eafc;
  --ev-note:#a86a00; --ev-note-soft:#fdf4dd;
  --ev-task:#c2410c; --ev-task-soft:#fdeee6;
  --ev-stage:#4f55c9; --ev-stage-soft:#ecedfb;
  --ev-appt:#0f7f72; --ev-appt-soft:#e2f4f1;
  --ev-system:#64727d; --ev-system-soft:#f0f3f5;
  --ev-bot:#0d7a90; --ev-bot-soft:#e2f2f5;
  --ev-inbound-bubble:#f1f4f7; --ev-outbound-bubble:#e2f2f5;
  /* lead stages */
  --st-new:#2f63d6; --st-contacted:#a86a00; --st-engaged:#0d7a90; --st-showing:#c2410c; --st-applied:#7a4fd6; --st-leased:#15803d; --st-nurture:#64727d; --st-lost:#b4232a; --st-trash:#8a959d;
  /* elevation */
  --ld-shadow-1:0 1px 2px rgba(16,30,40,.06),0 1px 1px rgba(16,30,40,.04);
  --ld-shadow-2:0 4px 12px -2px rgba(16,30,40,.10),0 2px 4px rgba(16,30,40,.05);
  --ld-shadow-3:0 16px 40px -8px rgba(16,30,40,.22),0 4px 10px rgba(16,30,40,.08);
}
[data-theme=dark]{
  color-scheme:dark;
  --ld-bg:#0e1418; --ld-surface:#151d22; --ld-surface-sunken:#11181c; --ld-raised:#1c262c; --ld-hover:#202c33; --ld-selected:#133540;
  --ld-border:#26333a; --ld-border-strong:#37464f; --ld-divider:#1f2a30;
  --ld-text:#e7edf0; --ld-text-2:#c3cdd3; --ld-muted:#97a6b0; --ld-disabled:#5f6e78; --ld-on-accent:#04222a;
  --ld-accent:#3cb6cd; --ld-accent-hover:#5cc6da; --ld-accent-soft:#12333b; --ld-accent-text:#6fcfe1; --ld-focus:#6fcfe1; --ld-focus-ring:0 0 0 3px rgba(111,207,225,.38);
  --ld-success:#4ac27a; --ld-success-soft:#123224; --ld-warning:#f0b44c; --ld-warning-soft:#3a2c12;
  --ld-danger:#f1786b; --ld-danger-hover:#f59a90; --ld-danger-soft:#3b1a17; --ld-info:#6d9cf5; --ld-info-soft:#16264a;
  --ev-text:#55c886; --ev-text-soft:#133024;
  --ev-email:#78a2f5; --ev-email-soft:#172846;
  --ev-call:#a98cf0; --ev-call-soft:#261d40;
  --ev-note:#e6b04d; --ev-note-soft:#352a12;
  --ev-task:#f08a5a; --ev-task-soft:#3a2016;
  --ev-stage:#9398f0; --ev-stage-soft:#22244a;
  --ev-appt:#4fc7b6; --ev-appt-soft:#0f3330;
  --ev-system:#93a2ac; --ev-system-soft:#1c262c;
  --ev-bot:#6fcfe1; --ev-bot-soft:#12333b;
  --ev-inbound-bubble:#1c262c; --ev-outbound-bubble:#12333b;
  --st-new:#78a2f5; --st-contacted:#e6b04d; --st-engaged:#6fcfe1; --st-showing:#f08a5a; --st-applied:#a98cf0; --st-leased:#55c886; --st-nurture:#93a2ac; --st-lost:#f1786b; --st-trash:#7a8790;
  --ld-shadow-1:0 1px 2px rgba(0,0,0,.4);
  --ld-shadow-2:0 6px 16px -4px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03);
  --ld-shadow-3:0 20px 48px -8px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05);
}
:root{
  --ld-font:"Inter","Inter var",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ld-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* type scale (px / line-height) */
  --fs-xs:12px; --lh-xs:16px; --fs-sm:13px; --lh-sm:18px; --fs-md:14px; --lh-md:20px; --fs-lg:16px; --lh-lg:24px;
  --fs-xl:18px; --lh-xl:26px; --fs-2xl:22px; --lh-2xl:28px; --fs-3xl:28px; --lh-3xl:34px;
  /* spacing: 4px base */
  --sp-0:0; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;
  /* radius */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-pill:999px;
  /* icons */
  --icon-sm:14px; --icon-md:16px; --icon-lg:20px; --icon-stroke:1.75;
  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:120ms; --dur-2:180ms; --dur-3:260ms;
  /* layout */
  --topbar-h:56px; --subnav-h:44px; --col-left:300px; --col-right:320px; --row-h:44px; --control-h:36px;
}