/**
 * Fluid Typography - 流体排版工具
 * 基于 clamp() 实现响应式字体缩放，无需媒体查询
 * 参考：https://fluidtypography.com/、https://css-tricks.com/simplified-fluid-typography/
 */

:root {
  /* 流体字号：min preferred max */
  --fluid-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8rem);
  --fluid-text-sm: clamp(0.8rem, 0.75rem + 0.35vw, 0.9rem);
  --fluid-text-base: clamp(0.9rem, 0.85rem + 0.5vw, 1rem);
  --fluid-text-lg: clamp(1rem, 0.9rem + 0.6vw, 1.15rem);
  --fluid-text-xl: clamp(1.1rem, 1rem + 0.75vw, 1.35rem);
  --fluid-text-2xl: clamp(1.2rem, 1.1rem + 0.9vw, 1.5rem);
  --fluid-text-3xl: clamp(1.35rem, 1.2rem + 1.1vw, 1.75rem);
  /* 行高 */
  --fluid-leading-tight: 1.35;
  --fluid-leading-snug: 1.5;
  --fluid-leading-normal: 1.65;
  --fluid-leading-relaxed: 1.8;
}

/* 应用流体字号的工具类 */
.fluid-text-xs { font-size: var(--fluid-text-xs); }
.fluid-text-sm { font-size: var(--fluid-text-sm); }
.fluid-text-base { font-size: var(--fluid-text-base); }
.fluid-text-lg { font-size: var(--fluid-text-lg); }
.fluid-text-xl { font-size: var(--fluid-text-xl); }
.fluid-text-2xl { font-size: var(--fluid-text-2xl); }
.fluid-text-3xl { font-size: var(--fluid-text-3xl); }