/* FPT Telecom — radius, spacing, elevation, motion.
   Radius ladder from the "Radius corner" page; spacing from the Figma
   Variable collection (2/4/6/8/12/16/24). */
:root{
--radius-sharp:0px; /* @kind radius */--radius-4:4px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-32:32px;--radius-40:40px;--radius-pill:999px;
/* component defaults — the file's own bindings */
--radius-button:8px;--radius-input:8px;--radius-card:12px;--radius-table:12px;--radius-image:12px;--radius-header:20px;--radius-modal:16px;--radius-tile:8px;

--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;
/* page gutter used by the 1920 desktop header/footer */
--layout-gutter:240px; /* @kind spacing */--layout-max:1440px; /* @kind spacing */

/* Elevation. The kit leans on hairline rings, not soft shadows. */
--ring-hairline:inset 0 0 0 .5px var(--border-primary),0 0 0 .5px var(--border-primary); /* @kind shadow */
--ring-card:0 0 0 1px var(--border-light); /* @kind shadow */
--shadow-xs:0 1px 2px rgba(16,24,40,.05);
--shadow-sm:0 1px 3px rgba(16,24,40,.10),0 1px 2px rgba(16,24,40,.06);
--shadow-md:0 4px 8px -2px rgba(16,24,40,.10),0 2px 4px -2px rgba(16,24,40,.06);
--shadow-lg:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
--shadow-brand-glow:-1.553px 2.329px 6.21px rgba(69,100,237,.16); /* @kind shadow */

--motion-fast:120ms; /* @kind other */--motion-base:180ms; /* @kind other */--motion-slow:280ms; /* @kind other */
--ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */

/* Control heights — measured off Button-brand / Text input */
--control-h-small:32px; /* @kind spacing */--control-h-medium:40px; /* @kind spacing */--control-h-large:48px; /* @kind spacing */
}
