/* Clínica da Coluna — Spacing, radii, shadows, motion
   The signature shape is a navy panel with ONE oversized rounded corner. */
:root{
  /* spacing — 4px base */
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;

  /* radii */
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;   /* cards */
  --radius-lg:24px;   /* large cards / chips */
  --radius-xl:36px;   /* dark emphasis chips */
  --radius-pill:999px;/* buttons, tags */
  --radius-panel:64px;/* the signature oversized navy-panel corner */
  --radius-panel-lg:120px;

  /* shadows — soft, cool-tinted */
  --shadow-xs:0 1px 2px rgba(7,46,107,.08);
  --shadow-sm:0 2px 8px rgba(7,46,107,.10);
  --shadow-md:0 8px 24px rgba(7,46,107,.12);
  --shadow-lg:0 18px 48px rgba(7,46,107,.18);
  --shadow-navy:0 20px 50px rgba(4,30,76,.35); /* navy panels lifted off page */
  --shadow-focus:0 0 0 3px rgba(76,181,229,.45);

  /* motion */
  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  /* layout */
  --container-max:1200px; /* @kind other */
  --container-narrow:760px; /* @kind other */
}