/* ===========================================================================
   AI Sales Agent — Spacing, radii, shadows, borders, layout
   Radii are taken verbatim from source: buttons 10px, cards 14px, admin cards
   12px, inputs 9px, admin controls 8px, pills 999px. Shadows are sparse — the
   brand is a flat, hairline-bordered surface system; the one signature shadow is
   the green glow on the "recommended" pricing plan.
   ===========================================================================*/

:root {
  /* --- Spacing scale (4px base) ----------------------------------------- */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4 */
  --space-2:  0.5rem;   /* 8 */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.25rem;  /* 20 */
  --space-6:  1.5rem;   /* 24 */
  --space-8:  2rem;     /* 32 */
  --space-10: 2.5rem;   /* 40 */
  --space-12: 3rem;     /* 48 — section vertical rhythm */
  --space-16: 4rem;     /* 64 */

  /* --- Radii ------------------------------------------------------------ */
  --radius-xs:   8px;   /* admin buttons / textareas */
  --radius-sm:   9px;   /* form inputs */
  --radius-md:   10px;  /* buttons */
  --radius-lg:   12px;  /* admin cards, FAQ items */
  --radius-xl:   14px;  /* marketing cards */
  --radius-2xl:  16px;  /* signup form panel */
  --radius-pill: 999px; /* badges, status pills, plan tags */

  /* --- Borders ---------------------------------------------------------- */
  --border-width: 1px;
  --border-hairline: var(--border-width) solid var(--border);
  --border-dashed:   var(--border-width) dashed var(--border);

  /* --- Shadows (used sparingly) ----------------------------------------- */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(20, 32, 43, 0.06);
  --shadow-card: 0 2px 8px rgba(20, 32, 43, 0.06);
  --shadow-pop:  0 8px 30px rgba(20, 32, 43, 0.12);   /* dialogs, menus */
  --shadow-brand: 0 8px 30px rgba(6, 199, 85, 0.15);  /* signature: recommended plan */
  --shadow-bubble: 0 1px 1px rgba(20, 32, 43, 0.08);  /* chat bubbles */

  /* --- Effects ---------------------------------------------------------- */
  --blur-header: 8px;          /* sticky header backdrop-filter */
  --hover-fade: 0.92;          /* @kind other */
  --press-scale: 0.97;         /* @kind other */
  --transition: 0.16s ease;    /* @kind other */

  /* --- Layout ----------------------------------------------------------- */
  --wrap-max: 1000px;          /* marketing content max-width */
  --wrap-pad: 1.2rem;          /* horizontal gutter */
  --header-h: 62px;            /* sticky header height */
  --reading-max: 620px;        /* lead paragraph measure */
}