:root {
    /* Core palette */
    --motryz-primary: var(--theme-default, #7366ff);
    --motryz-primary-rgb: 115, 102, 255;
    --motryz-secondary: var(--theme-secondary, #838383);
    --motryz-secondary-rgb: 131, 131, 131;
    --motryz-success: var(--success, #65c15c);
    --motryz-success-rgb: 101, 193, 92;
    --motryz-warning: #f9a825;
    --motryz-warning-rgb: 249, 168, 37;
    --motryz-danger: #dc3545;
    --motryz-danger-rgb: 220, 53, 69;
    --motryz-info: #17a2b8;
    --motryz-info-rgb: 23, 162, 184;

    /* Surface / text helpers */
    --motryz-surface: var(--white, #ffffff);
    --motryz-surface-soft: var(--light-bg, #f7f7f7);
    --motryz-border: var(--chart-border, #ececec);
    --motryz-text: var(--body-font-color, #2c323f);
    --motryz-text-muted: var(--chart-text-color, #999999);

    /* Spacing scale */
    --motryz-space-xs: 0.25rem;
    --motryz-space-sm: 0.5rem;
    --motryz-space-md: 0.75rem;
    --motryz-space-lg: 1rem;
    --motryz-space-xl: 1.25rem;
    --motryz-space-2xl: 1.5rem;

    /* Radius scale */
    --motryz-radius-sm: 6px;
    --motryz-radius-base: 8px;
    --motryz-radius-md: 10px;
    --motryz-radius-lg: 12px;

    /* Shadows */
    --motryz-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --motryz-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);

    /* Typography */
    --motryz-font-xs: 0.75rem;
    --motryz-font-sm: 0.8125rem;
    --motryz-font-base: 0.875rem;
    --motryz-font-md: 0.9375rem;
    --motryz-font-lg: 1rem;
    --motryz-font-xl: 1.125rem;
}