:root {
     /* ——— Border radii ——— */
     --border-radius-sm: var(--kendo-border-radius-md);
     --border-radius-md: var(--kendo-border-radius-xl);
     --border-radius-lg: var(--kendo-border-radius-xxxl);

     /* ——— Box shadows / elevation ——— */
     --box-shadow-sm: var(--kendo-elevation-2);
     /* --feather-elevation-02dp: 
     box-shadow(0px 3px -2px 1px rgba(10,11,28,0.2)), 
     box-shadow(0px 2px 0px 2px rgba(10,11,28,0.14)), 
     box-shadow(0px 1px 0px 5px rgba(10,11,28,0.12)); */
     --box-shadow-md: var(--kendo-elevation-3);
     --box-shadow-lg: var(--kendo-elevation-4);

     /* ——— Font sizes ——— */
     /* sm≈0.8rem, md=1rem, lg=1.25rem, xl=1.5rem */
     --font-size-sm: var(--kendo-font-size-md);
     /* --feather-font-size-md: 0.875rem */
     --font-size-md: var(--kendo-font-size-lg);
     /* --feather-font-size-lg: 1rem */
     --font-size-lg: var(--kendo-font-size-xl);
     /* --feather-font-size-xl: 1.25rem */
     --font-size-xl: 1.5rem;
     /* --feather-font-size-xxl: 1.5rem - no direct match from named Kendo vars */

     /* ——— Font weights ——— */
     --font-weight-normal: var(--kendo-font-weight-normal);
     /* 500 - same value as feather variable, no need to alias */
     --font-weight-bold: var(--kendo-font-weight-bold);
     /* 700 - same value as feather variable, no need to alias */

     /* ——— Colors ——— */
     --color-white: var(--kendo-color-app-surface);
     /* --feather-surface: #FFFFFF; */
     --color-primary: var(--kendo-color-primary);
     /* --feather-primary: #195bb5; */
     --color-light-primary: var(--kendo-color-primary-emphasis);
     /* --feather-primary-variant: #003585; */
     --color-light-gray: var(--kendo-color-light);
     /* --feather-shade-1; */
     --color-medium-gray: var(--kendo-color-light-emphasis);
     /* --feather-shade-2; */
     --color-dark-gray: var(--kendo-color-dark-emphasis);
     /* --feather-shade-3 */
     --color-darker-gray: var(--kendo-color-dark);
     /* --feather-shade-4 */

     /* ——— Spacing (margins & padding) ——— */
     --spacing-xs: var(--kendo-spacing-1);
     /* --feather-spacing-min: 0.25rem; */
     --spacing-sm: var(--kendo-spacing-2);
     /* --feather-spacing-xs: 0.5rem;  */
     --spacing-md: var(--kendo-spacing-4);
     /* --feather-spacing-md: 1rem:    */
     --spacing-lg: var(--kendo-spacing-6);
     /* --feather-spacing-lg: 1.5rem  */
     --spacing-xl: var(--kendo-spacing-8);
     /* --feather-spacing-xl: 2rem    */
     --spacing-2xl: var(--kendo-spacing-12);
     /* --feather-spacing-max: 3rem    */

     /* ——— Breakpoints (not provided by Themebuilder) ——— */
     --breakpoint-sm: 320px;
     /* --feather-bp-min: 320px */
     --breakpoint-md: 600px;
     /* --feather-bp-tablet: 600px; */
     --breakpoint-lg: 1440px;
     /* --feather-bp-desktop: 1440px; */
}