:root {
    --color-primary: #075e54;
    --color-primary-dark: #054c44;
    --color-primary-light: #128c7e;
    --color-secondary: #25d366;
    --color-accent: #128c7e;

    --color-bg: #f0f2f5;
    --color-surface: #ffffff;
    --color-sidebar-bg: #ffffff;
    --color-chat-bg: #efeae2;
    --color-chat-pattern: #d9dbde;
    --color-text: #111b21;
    --color-text-secondary: #667781;
    --color-text-light: #8696a0;
    --color-border: #e9edef;
    --color-hover: #f5f6f6;
    --color-active: #d9dbde;

    --color-bubble-out: #d9fdd3;
    --color-bubble-in: #ffffff;
    --color-bubble-system: #ffeeba;

    --color-danger: #ea0038;
    --color-success: #25d366;
    --color-info: #53bdeb;

    --color-online: #25d366;
    --color-offline: #8696a0;

    --sidebar-width: 400px;
    --header-height: 60px;
    --compose-min-height: 62px;
    --avatar-size: 40px;
    --avatar-size-sm: 32px;
    --avatar-size-lg: 50px;

    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-size-xs: 0.6875rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 0.875rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.125rem;

    --shadow-sm: 0 1px 1px rgba(0,0,0,0.06);
    --shadow-md: 0 2px 5px rgba(0,0,0,0.1);
    --shadow-lg: 0 2px 10px rgba(0,0,0,0.15);

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-bubble: 7.5px;
    --radius-full: 50%;

    --z-sidebar: 10;
    --z-header: 20;
    --z-modal: 100;
    --z-toast: 200;

    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}