: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;

/* Slide grid (1280×720) — measured from the template */
--slide-w:1280px;--slide-h:720px;
--slide-margin-x:54px;     /* left/right content edge */
--slide-kicker-y:22px;     /* top-left label */
--slide-content-y:104px;   /* title top */
--slide-footer-y:675px;    /* © line */
--slide-logo-x:1016px;--slide-logo-y:30px;--slide-logo-w:210px;--slide-logo-h:14px;
--slide-frame-inset:16px;  /* framed layouts: coloured margin around a 1249×690 panel */
--slide-third:427px;       /* tri-panel column */
--slide-half:640px;
--slide-gutter:16px;       /* between two content columns (632→648) */

/* Shape */
--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-pill:999px;
--border-width:1px;
--shadow-none:none;
--shadow-text-cover:0 2px 40px rgba(0,0,0,.6); /* only shadow in the template: cover headline over photo */
--shadow-elevated:0 8px 32px rgba(35,35,35,.16); /* UI only — dialogs/toasts */

--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
}