/* Sinky / CopilotCRM.ai — spacing & layout.
   The design runs on a 4px base but uses 6px and 10px steps too; both are kept. */

:root{
--space-1:4px; /* @kind spacing */
--space-1-5:6px; /* @kind spacing */
--space-2:8px; /* @kind spacing */
--space-2-5:10px; /* @kind spacing */
--space-3:12px; /* @kind spacing */
--space-4:16px; /* @kind spacing */
--space-6:24px; /* @kind spacing */
--space-8:32px; /* @kind spacing */
--space-10:40px; /* @kind spacing */
--space-12:48px; /* @kind spacing */
--space-14:56px; /* @kind spacing */
--space-16:64px; /* @kind spacing */
--space-20:80px; /* @kind spacing */
--space-24:96px; /* @kind spacing */
--space-32:128px; /* @kind spacing */

/* layout */
--page-width:1440px; /* @kind spacing */
--content-width:1280px; /* @kind spacing */
--gutter:80px; /* @kind spacing */
--gutter-mobile:16px; /* @kind spacing */
--section-padding-y:128px; /* @kind spacing */
--section-gap:40px; /* @kind spacing */
--card-gap:24px; /* @kind spacing */
--stack-gap:16px; /* @kind spacing */
--header-height:72px; /* @kind spacing */
--header-height-mobile:48px; /* @kind spacing */
}