/*
  Auto-generated by scripts/build.cjs — DO NOT EDIT
  Generated: 2026-06-20T03:50:57.593Z
  Senastra-Version: 1.0.0
  Senastra-Commit: ed1a6ca
*/

/**
 * Fluid Typography — Senastra Design System
 * ============================================
 * data-typography="fluid" を指定した祖先以下で、ビューポート幅に連動して
 * --text-* スケールが変化する（320px〜1440px の線形補間）。
 *
 * SSOT: src/tokens.json → typography.fluid（本ファイルはビルド生成）
 */

[data-typography="fluid"] {
  --text-2xs: clamp(0.5625rem, 0.54rem + 0.09vw, 0.625rem);
  --text-xs: clamp(0.6875rem, 0.67rem + 0.09vw, 0.75rem);
  --text-sm: clamp(0.75rem, 0.73rem + 0.09vw, 0.8125rem);
  --text-base: clamp(0.875rem, 0.86rem + 0.09vw, 0.9375rem);
  --text-md: clamp(0.9375rem, 0.92rem + 0.09vw, 1rem);
  --text-lg: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --text-xl: clamp(1.0625rem, 1.01rem + 0.27vw, 1.25rem);
  --text-2xl: clamp(1.25rem, 1.18rem + 0.36vw, 1.5rem);
  --text-3xl: clamp(1.5rem, 1.39rem + 0.54vw, 1.875rem);
  --text-4xl: clamp(1.75rem, 1.61rem + 0.71vw, 2.25rem);
  --text-5xl: clamp(2rem, 1.71rem + 1.43vw, 3rem);
}