/**
 * ROACH UI - 变量定义
 * 所有组件共享的 CSS 变量
 */

:root {
    /* 颜色 */
    --pink: #FF6B9D;
    --pink-bg: #FFE5EE;
    --blue: #4ECDC4;
    --blue-bg: #E8F8F7;
    --green: #6BCB77;
    --green-bg: #E8F8EA;
    --orange: #FFB347;
    --orange-bg: #FFF4E5;
    --red: #FF6B6B;
    --red-bg: #FFE5E5;
    --yellow: #FFD93D;
    --yellow-bg: #FFF9E5;
    
    /* 中性色 */
    --bg: #FFF9F0;
    --bg2: #FFF5E6;
    --bg3: #FFEDD5;
    --text: #2D2A26;
    --text2: #5C554D;
    --text3: #8B8278;
    --border: #2D2A26;
    --border2: #D4C8B8;
    --shadow: rgba(45, 42, 38, 0.15);
    
    /* 尺寸 */
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --bw: 2.5px;
    
    /* 字体 */
    --font: 'Nunito', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
}