/* SPACE & LAYOUT — 33px page gutter, 30px grid gap and the 1300px container are
   the old site's own numbers; they are not snapped to an 8px grid on purpose. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:30px;   /* kaynak: Elementor grid-gap */
  --space-8:33px;   /* kaynak: page gutter */
  --space-9:40px;
  --space-10:50px;
  --space-11:60px;
  --space-12:70px;  /* kaynak: card inner padding */
  --space-13:80px;  /* kaynak: section rhythm */
  --space-14:100px;
  --space-15:120px;
  --space-16:160px;
  --space-17:200px;

  --container-max:1300px;   /* kaynak */
  --container-wide:1366px;  /* kaynak: reference/benefit grids */
  --container-text:760px;
  --gutter:var(--space-8);
  --gutter-mobile:var(--space-5);
  --grid-gap:var(--space-7);
  --grid-cols:12; /* @kind other */

  --section-y:var(--space-15);
  --section-y-tight:var(--space-13);
  --section-y-mobile:var(--space-11);

  --bp-tablet:1111px; /* @kind other */  /* kaynak */
  --bp-mobile:767px; /* @kind other */   /* kaynak */

  /* Sharp corners are the brand. Radius exists only where a control needs it. */
  --radius-none:0;
  --radius-hair:2px;
  --radius-pill:999px;

  --control-h-sm:40px;
  --control-h-md:52px;
  --control-h-lg:59px;   /* kaynak: Elementor size-lg min-height */
  --control-h-xl:72px;
  --tap-min:44px;
}