/* Spacing scale from "Untitled UI – FREE Figma UI kit v2.0" (/Spacing-radius-grids/Spacing):
   a 16px-base scale, named by step, exactly as the file lists it. */
:root{
--space-1:4px;    /* 0.25rem */
--space-2:8px;    /* 0.5rem  */
--space-3:12px;   /* 0.75rem */
--space-4:16px;   /* 1rem    */
--space-5:20px;   /* 1.25rem */
--space-6:24px;   /* 1.5rem  */
--space-8:32px;   /* 2rem    */
--space-10:40px;  /* 2.5rem  */
--space-12:48px;  /* 3rem    */
--space-16:64px;  /* 4rem    */
--space-20:80px;  /* 5rem    */
--space-24:96px;  /* 6rem    */
--space-32:128px; /* 8rem    */
--space-40:160px; /* 10rem   */
--space-48:192px; /* 12rem   */
--space-56:224px; /* 14rem   */
--space-64:256px; /* 16rem   */

/* container widths, same source */
--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;

/* radii stay from the Fey source — the exact values its components use
   (4 chip/tag, 8 card/row/button, 12 modal/tooltip, 16 section, pill, circle) */
--radius-xs:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;
--radius-pill:100px;--radius-circle:50%;
}