/* Rawaq layout, radii, borders, elevation, motion */
:root{
--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:1200px;--gutter:24px;--page-margin:clamp(20px,5vw,64px);

--radius-0:0;--radius-sm:4px;  /* buttons, inputs */
--radius-md:8px;               /* cards, panels, sheets */
--radius-lg:16px;              /* app icon */
--radius-pill:999px;           /* WhatsApp avatar */

--border-width:1px;
--threshold-width:4px;         /* saffron underline under headings / signature */
--threshold-width-lg:8px;      /* threshold bar under the arch mark */

--shadow-none:none;
--shadow-sheet:0 1px 2px rgba(22,25,29,.04),0 12px 32px rgba(22,25,29,.06); /* proposal sheet on Sand */
--shadow-pop:0 8px 24px rgba(22,25,29,.12);

--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.6,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:420ms; /* @kind other */

--control-h-sm:36px;--control-h-md:48px;--control-h-lg:56px;
}