:root {
    --telbit-color-text-primary: #111827;
    --telbit-color-text-secondary: #6b7280;
    --telbit-color-border: #e5e7eb;
    --telbit-color-surface-soft: #f8fafc;
    --telbit-color-surface-dark: #30373e;
    --telbit-color-surface-dark-soft: #3b434c;
    --telbit-color-on-dark: #f3f4f6;
    --telbit-color-on-dark-muted: #cbd5e1;
    --telbit-color-primary: #4f46e5;
    --telbit-color-primary-dark: #4338ca;

    --telbit-radius-pill: 999px;
    --telbit-radius-md: 10px;

    --telbit-font-size-xs: 10px;
    --telbit-font-size-sm: 12px;
    --telbit-font-size-md: 16px;
    --telbit-font-size-lg: 20px;
    --telbit-font-size-xl: 22px;

    --telbit-badge-font-size: 12px;
    --telbit-badge-font-weight: 600;
    --telbit-label-font-size: 12px;
    --telbit-label-font-weight: 500;

    --telbit-widget-padding-y: 14px;
    --telbit-widget-padding-x: 16px;

    --telbit-widget-gap-xs: 6px;
    --telbit-widget-gap-sm: 10px;
    --telbit-widget-gap-md: 16px;
    --telbit-widget-gap-lg: 32px;

    --telbit-widget-shadow-emphasis: 0 12px 28px rgba(15, 23, 42, 0.22);

}