/* Layout, radius, shadow, motion tokens — from themes/default/variables.css + themes/shared/theme.css */
:root{
--spacing:0.25rem;
--border-width:1px;/* @kind other */--field-border-width:0px;/* @kind other */--disabled-opacity:0.5;/* @kind other */--ring-offset-width:2px;/* @kind other */
--cursor-interactive:pointer;/* @kind other */--cursor-disabled:not-allowed;/* @kind other */
--radius:0.5rem;--field-radius:calc(var(--radius) * 1.5);
--radius-xs:calc(var(--radius) * 0.25);--radius-sm:calc(var(--radius) * 0.5);--radius-md:calc(var(--radius) * 0.75);--radius-lg:calc(var(--radius) * 1);--radius-xl:calc(var(--radius) * 1.5);--radius-2xl:calc(var(--radius) * 2);--radius-3xl:calc(var(--radius) * 3);--radius-4xl:calc(var(--radius) * 4);
--surface-shadow:0 2px 4px 0 rgba(0,0,0,0.04), 0 1px 2px 0 rgba(0,0,0,0.06), 0 0 1px 0 rgba(0,0,0,0.06);
--overlay-shadow:0 2px 8px 0 rgba(0,0,0,0.06), 0 -6px 12px 0 rgba(0,0,0,0.03), 0 14px 28px 0 rgba(0,0,0,0.08);
--field-shadow:0 2px 4px 0 rgba(0,0,0,0.04), 0 1px 2px 0 rgba(0,0,0,0.06), 0 0 1px 0 rgba(0,0,0,0.06);
--ease-smooth:ease;/* @kind other */--ease-out:cubic-bezier(0,0,0.2,1);/* @kind other */--ease-linear:linear;/* @kind other */
--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);/* @kind other */--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);/* @kind other */--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);/* @kind other */--ease-out-quint:cubic-bezier(0.23,1,0.32,1);/* @kind other */--ease-out-expo:cubic-bezier(0.19,1,0.22,1);/* @kind other */
--ease-out-fluid:cubic-bezier(0.32,0.72,0,1);/* @kind other */
--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);/* @kind other */--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);/* @kind other */--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);/* @kind other */
--z-index-overlay:100000;/* @kind other */--z-index-toast:calc(var(--z-index-overlay) + 1);/* @kind other */
--tooltip-delay:1500ms;/* @kind other */--tooltip-close-delay:500ms;/* @kind other */
/* Semantic aliases */
--text-body:var(--foreground);--text-muted:var(--muted);--surface-card:var(--surface);--surface-page:var(--background);--ring-focus:0 0 0 2px var(--background), 0 0 0 4px var(--focus);--ring-field:0 0 0 2px var(--focus);
}
@keyframes hero-spin{to{transform:rotate(360deg)}}
@keyframes hero-skeleton{100%{transform:translateX(200%)}}
@keyframes hero-pulse{50%{opacity:.5}}
@keyframes hero-fade-in{from{opacity:0}to{opacity:1}}
@keyframes hero-zoom-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@keyframes hero-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-slide-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes hero-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}