/* Mirrored verbatim from the Tasnef Design System (tokens/spacing.css).
   Do not hand-edit — re-sync from the design project instead.

   tasnef.sa spaces on a 5px grid (5 · 10 · 15 · 20 · 25 · 30 · 40 · 50 · 70 · 100). */
:root{
--space-0:0;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-5:25px;
--space-6:30px;--space-7:40px;--space-8:50px;--space-9:70px;--space-10:100px;

--container-max:1320px;       /* Bootstrap 5 .container at ≥1400 */
--container-narrow:600px;     /* centred intro copy under section titles */
--container-banner:510px;     /* CTA banner */
--gutter:var(--space-3);
--section-pad-block:var(--space-8);

--control-height-sm:40px;
--control-height-md:49px;     /* every pill button and text field on the site */
--control-height-lg:56px;     /* phone field, time-slot tiles */
--header-height:96px;
--header-height-overlay:130px
}