/* Component-level tokens. Buttons and dropdowns re-point these per variant/state,
   which is how the whole variant system works — the classes never carry colour directly. */
:root{
--component-button-bg:#F9A581;
--component-button-text:#FFFFFF;
--component-button-px:24px;
--component-button-py:12px;
--component-button-border-color:transparent;
--component-button-border-width:1px;
--component-button-bg-hover:#FFCCA2;

--component-slider-bar-bg:#FFFCFA;
--component-slider-bar-active-bg:#FFCCA2;
--component-slider-handle-lines:#A29783;
--component-slider-handle-bg:#FFCCA2;

--component-calendar-bg:#FAF2E0;
--component-calendar-button:#59575A;
--component-calendar-stroke:#E8D7BB;
--component-calendar-icon:#59575A;

--component-modal-content-max-w:360px;

--component-progressBar-height:8px;
--component-progressBar-line:#FFCCA2;
--component-progressBar-bg:#FFF2E5;

--component-dropdown-layer-bg-color:white;
--component-dropdown-layer-border-width:1px;
--component-dropdown-layer-border-color:#59575A;
--component-dropdown-layer-item-px:var(--pad-md);
--component-dropdown-layer-item-py:14px;
--component-dropdown-layerItem-bg-color:transparent;
--component-dropdown-layer-inner-bg:#F9A581;
--component-dropdown-layer-inner-text:#FFFFFF;

/* Motion. The site uses short, plain eases — no bounce, no spring. */
--motion-fade:opacity .5s ease; /* @kind other */
--motion-flow:transform .28s ease,opacity .28s ease; /* @kind other */
--motion-control:.2s ease-in-out; /* @kind other */
--motion-accordion-icon:transform .3s; /* @kind other */
}