:root {
    --font-size-xs: 16px;
    --font-size-sm: 18px;
    --font-size-md: 20px;
    --font-size-lg: 24px;
    --font-size-xl: 28px;
    --font-size-xxl: 32px;
    --color-bg: #f5f3ee;
    --color-sidebar: #e8e4db;
    --color-white: #ffffff;
    --color-text: #2c2c2c;
    --color-text-light: #555555;
    --color-primary: #4a7c59;
    --color-primary-hover: #3a6347;
    --color-primary-light: #e8f0ea;
    --color-accent: #c17f3e;
    --color-accent-hover: #a56b32;
    --color-border: #d5cfc6;
    --color-input-bg: #fafaf8;
    --color-message-user: #e3edf5;
    --color-message-ai: #ffffff;
    --color-danger: #b84c4c;
    --color-danger-hover: #9a3e3e;
    --color-success: #5a8a5c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 3px 10px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.12);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --sidebar-width: 320px;
    --transition: 0.2s ease;
}