
:root {
    /* 기본 색상 - 아보카도 호환 */
    --chat-text-color: #8f8799;
    --chat-base-color: #F9ECFD;
    --chat-point-color: #CA90FF;
    
    /* 아보카도 스킨 변수와 동일 */
    --skin-text-color: #8f8799;
    --skin-base-color: #F9ECFD;
    --skin-point-color: #CA90FF;
    
    /* 변형 색상 */
    --chat-base-color-bb: #776a7b;
    --chat-base-color-b: #dbcedf;
    --chat-base-color-d: #dbcedf;
    --chat-base-color-dd: #776a7b;
    --chat-base-color-t: rgba(249, 236, 253, 0.22);
    --chat-base-color-auto: #000000;
    --chat-base-color-auto-t: rgba(0,0,0,0.15);
    
    --chat-text-color-t: rgba(143, 135, 153, 0.22);
    --chat-text-color-tt: rgba(143, 135, 153, 0.6);
    --chat-text-color-d: #71697b;
    --chat-text-color-auto: #000000;
    
    --chat-point-color-t: rgba(202, 144, 255, 0.22);
    --chat-point-color-tt: rgba(202, 144, 255, 0.6);
    --chat-point-color-auto: #000000;
    
    /* 아보카도 호환 변수 */
    --skin-base-color-bb: var(--chat-base-color-bb);
    --skin-base-color-b: var(--chat-base-color-b);
    --skin-base-color-d: var(--chat-base-color-d);
    --skin-base-color-dd: var(--chat-base-color-dd);
    --skin-base-color-t: var(--chat-base-color-t);
    --skin-base-color-auto: var(--chat-base-color-auto);
    --skin-base-color-auto-t: var(--chat-base-color-auto-t);
    --skin-text-color-t: var(--chat-text-color-t);
    --skin-text-color-auto: var(--chat-text-color-auto);
    --skin-point-color-t: var(--chat-point-color-t);
    --skin-point-color-auto: var(--chat-point-color-auto);
}
