/* Sinky / CopilotCRM.ai — radii, elevation, blur, motion.
   There are no drop shadows on this dark UI. Depth comes from an INSET white glow
   plus a 32px backdrop blur over a near-black page. Blue glow is reserved for the
   "Sun" orb and the primary CTA. */

:root{
--radius-xs:3px; /* @kind radius */
--radius-sm:8px; /* @kind radius */
--radius-md:16px; /* @kind radius */
--radius-lg:32px; /* @kind radius */
--radius-full:99px; /* @kind radius */

/* Elevation — inset glow, not drop shadow */
--glow-card:inset 0 0 45px 0 rgba(255,255,255,0.03); /* @kind shadow */
--glow-nav:inset 0 0 45px 0 rgba(255,255,255,0.08); /* @kind shadow */
--glow-sun:0 13px 20px 15px rgba(69,118,255,0.22), -29px 80px 249px 50px rgba(69,118,255,0.8); /* @kind shadow */
--shadow-light:0 0 0 1px rgba(0,0,0,0.08); /* @kind shadow */

--blur-panel:blur(32px); /* @kind other */

/* Motion — the design ships no motion spec; these are the two easings
   consistent with its restraint. Fades and short translations only. */
--ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
--ease-in-out:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-base:220ms; /* @kind other */
--duration-slow:400ms; /* @kind other */
}

/* Reusable surface recipes */
.sk-card{border-radius:var(--radius-md);background:var(--surface-card);backdrop-filter:var(--blur-panel);box-shadow:var(--glow-card);overflow:hidden}
.sk-card-lg{border-radius:var(--radius-lg);background:var(--surface-card);backdrop-filter:var(--blur-panel);box-shadow:var(--glow-card);overflow:hidden}
.sk-pill{border-radius:var(--radius-sm);backdrop-filter:var(--blur-panel);box-shadow:var(--glow-nav)}
.sk-pill-active{background:var(--gradient-nav-active),rgba(255,255,255,0.02)}
.sk-starfield{background:url('../assets/textures/starfield.png') 50% 50% / 100% 100% no-repeat}
.sk-noise{background:url('../assets/textures/noise-overlay.png') top left / 235px 235px repeat;mix-blend-mode:overlay}