/* =====================================================
   工具类 (Utilities)
   
   图标尺寸、文字工具、通用辅助类
   ===================================================== */

/* ===== 图标尺寸规范 ===== */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-xs { width: 14px; height: 14px; }
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 24px; height: 24px; }
.icon-lg { width: 32px; height: 32px; }
.icon-xl { width: 48px; height: 48px; }
.icon-2xl { width: 64px; height: 64px; }

.icon-orange { color: var(--orange-peel); }
.icon-leaf { color: var(--leaf-green); }
.icon-juice { color: var(--orange-juice); }

/* ===== 文字工具类 ===== */
.orange-text {
    color: var(--orange-peel);
    background: linear-gradient(135deg, var(--orange-peel), var(--orange-flesh));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 注：.scroll-reveal 相关样式定义在 animations.css 中 */