:root {
    /* Paleta de Cores */
    --white: #fff;
    --black: #000;
    --gray-100: #f2f2f2;
    --gray-200: #e5e5e5;
    --gray-300: #d9d9d9;
    --gray-600: #606060;
    --gray-900: #222222;
    --bg-default: var(--white);
    --text-primary: var(--black);
    --text-secondary: var(--gray-600);
    --hover-button: var(--gray-200);
    --separator: var(--gray-300);

    /* Tamanhos */
    --avatar-size: 36px;
    --icon-size: 18px;

    /* Border Radius */
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-xl: 40px;
    --border-radius-full: 50%;

    /* Fontes */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
}