/* Spacing, radii, shadows, motion */
:root{
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;

  --container-max:1140px;--container-wide:1320px;--gutter:24px;

  /* Radii — website: rounded / rounded-3 on imagery, rounded-4 on video sections, 50px WhatsApp float */
  --radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;

  /* Shadows — website: carousel cards 0 0 20px rgba(0,0,0,.05); WhatsApp float 2px 2px 3px #9999996e */
  --shadow-xs:0 1px 2px rgba(0,30,69,.06);
  --shadow-sm:0 0 20px rgba(0,0,0,.05);
  --shadow-md:0 6px 24px rgba(0,30,69,.10);
  --shadow-lg:0 18px 48px rgba(0,30,69,.16);
  --shadow-float:2px 2px 3px #9999996e;

  --border-width:1px;/* @kind spacing */--border-width-strong:2px;/* @kind spacing */

  /* Motion — website: .25s colour transitions; wave parallax cubic-bezier(.55,.5,.45,.5) */
  --ease-standard:cubic-bezier(.4,0,.2,1);/* @kind other */
  --ease-wave:cubic-bezier(.55,.5,.45,.5);/* @kind other */
  --dur-fast:150ms;/* @kind other */--dur-base:250ms;/* @kind other */--dur-slow:400ms;/* @kind other */

  --z-sticky:100;/* @kind other */--z-overlay:900;/* @kind other */--z-modal:1000;/* @kind other */--z-toast:1100;/* @kind other */
}