/*
 * Should NOT be used in code. Should be used in theme.json only.
 * Naming concept: https://atlassian-bacardi.atlassian.net/wiki/x/UIAPS#Tokens-(css-variables)-Concept
 * Naming Format:
 *    --category-type-scale  Eg:
 *    --type-scale
 *
 * NOTE: This file should contains only variables values of which need to be calculated somehow.
 *       If variable value is static, it should be defined in `semantic.css` file or in `theme.json` itself.
 */

/**
 * @see: https://wp-kama.com/note/generating-css-fluid-values-based-on-clamp
 */

/**
 * Fluid Size Calculation Guide
 * ----------------------------
 * Step 1: Determine 1vw in rem for key breakpoints:
 *   Formula: vw_rem = (viewport_width_px / 100) / root_font_size_px
 *   Example: (375 / 100) / 16 = 0.234rem
 *
 *   1vw values:
 *     375px  → 0.234rem
 *     576px  → 0.360rem
 *     768px  → 0.480rem
 *     1024px → 0.640rem
 *     1280px → 0.800rem
 *     1440px → 0.900rem
 *     1920px → 1.200rem
 *
 * Step 2: Calculate slope for clamp():
 *   font_min   = 1rem  (16px)
 *   font_max   = 3rem  (48px)
 *   font_range = font_max - font_min
 *              = 3rem - 1rem = 2rem (32px)
 *
 *   vw_range   = 1vw(1440) - 1vw(768)
 *              = 0.900rem - 0.480rem = 0.420rem (6.72px)
 *
 *   slope      = font_range / vw_range
 *              = 2rem / 0.420rem = 4.761 (≈76.19px per 1vw change)
 *
 * Step 3: Final clamp() formula:
 *   clamp(
 *     font_min,                               // min at ≤768px
 *     font_min + ((1vw - 0.480rem) * slope),  // growth between 768px–1440px
 *     font_max                                // max at ≥1440px
 *   )
 *
 * Example (768→1440px, mid ~2rem):
 *   --fluid: clamp(1rem, 1rem + ((1vw - 0.480rem) * 4.761), 3rem);
 *   OR:
 *   --fluid: clamp(1rem, -1.285rem + 4.761vw, 3rem);
 */
:root {
  /** For font-size: 375→1280 (window width); Scale 130%, min 12px */
  --size-fluid130-min12-12px: 0.750rem;
  --size-fluid130-min12-13px: clamp(0.750rem, 0.724rem + 0.110vw, 0.813rem);
  --size-fluid130-min12-14px: clamp(0.750rem, 0.698rem + 0.221vw, 0.875rem);
  --size-fluid130-min12-15px: clamp(0.750rem, 0.672rem + 0.331vw, 0.938rem);
  --size-fluid130-min12-16px: clamp(0.769rem, 0.674rem + 0.408vw, 1.000rem);
  --size-fluid130-min12-17px: clamp(0.817rem, 0.716rem + 0.433vw, 1.063rem);
  --size-fluid130-min12-18px: clamp(0.865rem, 0.758rem + 0.459vw, 1.125rem);
  --size-fluid130-min12-19px: clamp(0.913rem, 0.800rem + 0.484vw, 1.188rem);
  --size-fluid130-min12-20px: clamp(0.962rem, 0.842rem + 0.510vw, 1.250rem);
  --size-fluid130-min12-21px: clamp(1.010rem, 0.884rem + 0.535vw, 1.313rem);
  --size-fluid130-min12-22px: clamp(1.058rem, 0.926rem + 0.561vw, 1.375rem);
  --size-fluid130-min12-23px: clamp(1.106rem, 0.968rem + 0.586vw, 1.438rem);
  --size-fluid130-min12-24px: clamp(1.154rem, 1.010rem + 0.612vw, 1.500rem);
  --size-fluid130-min12-25px: clamp(1.202rem, 1.053rem + 0.637vw, 1.563rem);
  --size-fluid130-min12-26px: clamp(1.250rem, 1.095rem + 0.663vw, 1.625rem);
  --size-fluid130-min12-27px: clamp(1.298rem, 1.137rem + 0.688vw, 1.688rem);
  --size-fluid130-min12-28px: clamp(1.346rem, 1.179rem + 0.714vw, 1.750rem);
  --size-fluid130-min12-29px: clamp(1.394rem, 1.221rem + 0.739vw, 1.813rem);
  --size-fluid130-min12-30px: clamp(1.442rem, 1.263rem + 0.765vw, 1.875rem);

  /** For font-size: 375→1280 (window width); Scale 170%, min 12px */
  --size-fluid170-min12-12px: 0.750rem;
  --size-fluid170-min12-13px: clamp(0.750rem, 0.724rem + 0.110vw, 0.813rem);
  --size-fluid170-min12-14px: clamp(0.750rem, 0.698rem + 0.221vw, 0.875rem);
  --size-fluid170-min12-15px: clamp(0.750rem, 0.672rem + 0.331vw, 0.938rem);
  --size-fluid170-min12-16px: clamp(0.750rem, 0.646rem + 0.442vw, 1.000rem);
  --size-fluid170-min12-17px: clamp(0.750rem, 0.621rem + 0.552vw, 1.063rem);
  --size-fluid170-min12-18px: clamp(0.750rem, 0.595rem + 0.663vw, 1.125rem);
  --size-fluid170-min12-19px: clamp(0.750rem, 0.569rem + 0.773vw, 1.188rem);
  --size-fluid170-min12-20px: clamp(0.750rem, 0.543rem + 0.884vw, 1.250rem);
  --size-fluid170-min12-21px: clamp(0.772rem, 0.548rem + 0.955vw, 1.313rem);
  --size-fluid170-min12-22px: clamp(0.809rem, 0.574rem + 1.001vw, 1.375rem);
  --size-fluid170-min12-23px: clamp(0.846rem, 0.600rem + 1.046vw, 1.438rem);
  --size-fluid170-min12-24px: clamp(0.882rem, 0.626rem + 1.092vw, 1.500rem);
  --size-fluid170-min12-25px: clamp(0.919rem, 0.653rem + 1.137vw, 1.563rem);
  --size-fluid170-min12-26px: clamp(0.956rem, 0.679rem + 1.183vw, 1.625rem);
  --size-fluid170-min12-27px: clamp(0.993rem, 0.705rem + 1.228vw, 1.688rem);
  --size-fluid170-min12-28px: clamp(1.029rem, 0.731rem + 1.274vw, 1.750rem);
  --size-fluid170-min12-29px: clamp(1.066rem, 0.757rem + 1.319vw, 1.813rem);
  --size-fluid170-min12-30px: clamp(1.103rem, 0.783rem + 1.365vw, 1.875rem);

  /**
   * For: 375→1280 (window width); max = current; min = max/1.5, min ≥0.125rem (2px)
   */
  /* 2–30px, step 1 */
  --size-fluid150-2px  : 0.125rem;
  --size-fluid150-3px  : clamp(0.125rem, 0.099rem + 0.110vw, 0.188rem);
  --size-fluid150-4px  : clamp(0.167rem, 0.132rem + 0.147vw, 0.250rem);
  --size-fluid150-5px  : clamp(0.208rem, 0.165rem + 0.184vw, 0.313rem);
  --size-fluid150-6px  : clamp(0.250rem, 0.198rem + 0.221vw, 0.375rem);
  --size-fluid150-7px  : clamp(0.292rem, 0.231rem + 0.258vw, 0.438rem);
  --size-fluid150-8px  : clamp(0.333rem, 0.264rem + 0.295vw, 0.500rem);
  --size-fluid150-9px  : clamp(0.375rem, 0.297rem + 0.331vw, 0.563rem);
  --size-fluid150-10px : clamp(0.417rem, 0.330rem + 0.368vw, 0.625rem);
  --size-fluid150-11px : clamp(0.458rem, 0.363rem + 0.405vw, 0.688rem);
  --size-fluid150-12px : clamp(0.500rem, 0.396rem + 0.442vw, 0.750rem);
  --size-fluid150-13px : clamp(0.542rem, 0.429rem + 0.479vw, 0.813rem);
  --size-fluid150-14px : clamp(0.583rem, 0.462rem + 0.516vw, 0.875rem);
  --size-fluid150-15px : clamp(0.625rem, 0.496rem + 0.552vw, 0.938rem);
  --size-fluid150-16px : clamp(0.667rem, 0.529rem + 0.589vw, 1.000rem);
  --size-fluid150-17px : clamp(0.708rem, 0.562rem + 0.626vw, 1.063rem);
  --size-fluid150-18px : clamp(0.750rem, 0.595rem + 0.663vw, 1.125rem);
  --size-fluid150-19px : clamp(0.792rem, 0.628rem + 0.700vw, 1.188rem);
  --size-fluid150-20px : clamp(0.833rem, 0.661rem + 0.737vw, 1.250rem);
  --size-fluid150-21px : clamp(0.875rem, 0.694rem + 0.773vw, 1.313rem);
  --size-fluid150-22px : clamp(0.917rem, 0.727rem + 0.810vw, 1.375rem);
  --size-fluid150-23px : clamp(0.958rem, 0.760rem + 0.847vw, 1.438rem);
  --size-fluid150-24px : clamp(1.000rem, 0.793rem + 0.884vw, 1.500rem);
  --size-fluid150-25px : clamp(1.042rem, 0.826rem + 0.921vw, 1.563rem);
  --size-fluid150-26px : clamp(1.083rem, 0.859rem + 0.958vw, 1.625rem);
  --size-fluid150-27px : clamp(1.125rem, 0.892rem + 0.994vw, 1.688rem);
  --size-fluid150-28px : clamp(1.167rem, 0.925rem + 1.031vw, 1.750rem);
  --size-fluid150-29px : clamp(1.208rem, 0.958rem + 1.068vw, 1.813rem);
  --size-fluid150-30px : clamp(1.250rem, 0.991rem + 1.105vw, 1.875rem);
  /* 32–150px, step 2 */
  --size-fluid150-32px : clamp(1.333rem, 1.057rem + 1.179vw, 2.000rem);
  --size-fluid150-34px : clamp(1.417rem, 1.123rem + 1.252vw, 2.125rem);
  --size-fluid150-36px : clamp(1.500rem, 1.189rem + 1.326vw, 2.250rem);
  --size-fluid150-38px : clamp(1.583rem, 1.255rem + 1.400vw, 2.375rem);
  --size-fluid150-40px : clamp(1.667rem, 1.321rem + 1.473vw, 2.500rem);
  --size-fluid150-42px : clamp(1.750rem, 1.387rem + 1.547vw, 2.625rem);
  --size-fluid150-44px : clamp(1.833rem, 1.453rem + 1.621vw, 2.750rem);
  --size-fluid150-46px : clamp(1.917rem, 1.520rem + 1.694vw, 2.875rem);
  --size-fluid150-48px : clamp(2.000rem, 1.586rem + 1.768vw, 3.000rem);
  --size-fluid150-50px : clamp(2.083rem, 1.652rem + 1.842vw, 3.125rem);
  --size-fluid150-52px : clamp(2.167rem, 1.718rem + 1.915vw, 3.250rem);
  --size-fluid150-54px : clamp(2.250rem, 1.784rem + 1.989vw, 3.375rem);
  --size-fluid150-56px : clamp(2.333rem, 1.850rem + 2.063vw, 3.500rem);
  --size-fluid150-58px : clamp(2.417rem, 1.916rem + 2.136vw, 3.625rem);
  --size-fluid150-60px : clamp(2.500rem, 1.982rem + 2.210vw, 3.750rem);
  --size-fluid150-62px : clamp(2.583rem, 2.048rem + 2.284vw, 3.875rem);
  --size-fluid150-64px : clamp(2.667rem, 2.114rem + 2.357vw, 4.000rem);
  --size-fluid150-66px : clamp(2.750rem, 2.180rem + 2.431vw, 4.125rem);
  --size-fluid150-68px : clamp(2.833rem, 2.246rem + 2.505vw, 4.250rem);
  --size-fluid150-70px : clamp(2.917rem, 2.312rem + 2.578vw, 4.375rem);
  --size-fluid150-72px : clamp(3.000rem, 2.378rem + 2.652vw, 4.500rem);
  --size-fluid150-74px : clamp(3.083rem, 2.445rem + 2.726vw, 4.625rem);
  --size-fluid150-76px : clamp(3.167rem, 2.511rem + 2.799vw, 4.750rem);
  --size-fluid150-78px : clamp(3.250rem, 2.577rem + 2.873vw, 4.875rem);
  --size-fluid150-80px : clamp(3.333rem, 2.643rem + 2.947vw, 5.000rem);
  --size-fluid150-82px : clamp(3.417rem, 2.709rem + 3.020vw, 5.125rem);
  --size-fluid150-84px : clamp(3.500rem, 2.775rem + 3.094vw, 5.250rem);
  --size-fluid150-86px : clamp(3.583rem, 2.841rem + 3.168vw, 5.375rem);
  --size-fluid150-88px : clamp(3.667rem, 2.907rem + 3.241vw, 5.500rem);
  --size-fluid150-90px : clamp(3.750rem, 2.973rem + 3.315vw, 5.625rem);
  --size-fluid150-92px : clamp(3.833rem, 3.039rem + 3.389vw, 5.750rem);
  --size-fluid150-94px : clamp(3.917rem, 3.105rem + 3.462vw, 5.875rem);
  --size-fluid150-96px : clamp(4.000rem, 3.171rem + 3.536vw, 6.000rem);
  --size-fluid150-98px : clamp(4.083rem, 3.237rem + 3.610vw, 6.125rem);
  --size-fluid150-100px: clamp(4.167rem, 3.303rem + 3.683vw, 6.250rem);
  --size-fluid150-102px: clamp(4.250rem, 3.369rem + 3.757vw, 6.375rem);
  --size-fluid150-104px: clamp(4.333rem, 3.436rem + 3.831vw, 6.500rem);
  --size-fluid150-106px: clamp(4.417rem, 3.502rem + 3.904vw, 6.625rem);
  --size-fluid150-108px: clamp(4.500rem, 3.568rem + 3.978vw, 6.750rem);
  --size-fluid150-110px: clamp(4.583rem, 3.634rem + 4.052vw, 6.875rem);
  --size-fluid150-112px: clamp(4.667rem, 3.700rem + 4.125vw, 7.000rem);
  --size-fluid150-114px: clamp(4.750rem, 3.766rem + 4.199vw, 7.125rem);
  --size-fluid150-116px: clamp(4.833rem, 3.832rem + 4.273vw, 7.250rem);
  --size-fluid150-118px: clamp(4.917rem, 3.898rem + 4.346vw, 7.375rem);
  --size-fluid150-120px: clamp(5.000rem, 3.964rem + 4.420vw, 7.500rem);
  --size-fluid150-122px: clamp(5.083rem, 4.030rem + 4.494vw, 7.625rem);
  --size-fluid150-124px: clamp(5.167rem, 4.096rem + 4.567vw, 7.750rem);
  --size-fluid150-126px: clamp(5.250rem, 4.162rem + 4.641vw, 7.875rem);
  --size-fluid150-128px: clamp(5.333rem, 4.228rem + 4.715vw, 8.000rem);
  --size-fluid150-130px: clamp(5.417rem, 4.294rem + 4.788vw, 8.125rem);
  --size-fluid150-132px: clamp(5.500rem, 4.360rem + 4.862vw, 8.250rem);
  --size-fluid150-134px: clamp(5.583rem, 4.427rem + 4.936vw, 8.375rem);
  --size-fluid150-136px: clamp(5.667rem, 4.493rem + 5.009vw, 8.500rem);
  --size-fluid150-138px: clamp(5.750rem, 4.559rem + 5.083vw, 8.625rem);
  --size-fluid150-140px: clamp(5.833rem, 4.625rem + 5.157vw, 8.750rem);
  --size-fluid150-142px: clamp(5.917rem, 4.691rem + 5.230vw, 8.875rem);
  --size-fluid150-144px: clamp(6.000rem, 4.757rem + 5.304vw, 9.000rem);
  --size-fluid150-146px: clamp(6.083rem, 4.823rem + 5.378vw, 9.125rem);
  --size-fluid150-148px: clamp(6.167rem, 4.889rem + 5.451vw, 9.250rem);
  --size-fluid150-150px: clamp(6.250rem, 4.955rem + 5.525vw, 9.375rem);

  /**
   * For: 375→1280 (window width); max = current; min = max/2, min ≥0.125rem (2px)
   */
  /* 2–30px, step 1 */
  --size-fluid200-2px  : 0.125rem;
  --size-fluid200-3px  : clamp(0.125rem, 0.099rem + 0.110vw, 0.188rem);
  --size-fluid200-4px  : clamp(0.125rem, 0.073rem + 0.221vw, 0.250rem);
  --size-fluid200-5px  : clamp(0.156rem, 0.092rem + 0.276vw, 0.313rem);
  --size-fluid200-6px  : clamp(0.188rem, 0.110rem + 0.331vw, 0.375rem);
  --size-fluid200-7px  : clamp(0.219rem, 0.128rem + 0.387vw, 0.438rem);
  --size-fluid200-8px  : clamp(0.250rem, 0.146rem + 0.442vw, 0.500rem);
  --size-fluid200-9px  : clamp(0.281rem, 0.165rem + 0.497vw, 0.563rem);
  --size-fluid200-10px : clamp(0.313rem, 0.183rem + 0.552vw, 0.625rem);
  --size-fluid200-11px : clamp(0.344rem, 0.201rem + 0.608vw, 0.688rem);
  --size-fluid200-12px : clamp(0.375rem, 0.220rem + 0.663vw, 0.750rem);
  --size-fluid200-13px : clamp(0.406rem, 0.238rem + 0.718vw, 0.813rem);
  --size-fluid200-14px : clamp(0.438rem, 0.256rem + 0.773vw, 0.875rem);
  --size-fluid200-15px : clamp(0.469rem, 0.275rem + 0.829vw, 0.938rem);
  --size-fluid200-16px : clamp(0.500rem, 0.293rem + 0.884vw, 1.000rem);
  --size-fluid200-17px : clamp(0.531rem, 0.311rem + 0.939vw, 1.063rem);
  --size-fluid200-18px : clamp(0.563rem, 0.329rem + 0.994vw, 1.125rem);
  --size-fluid200-19px : clamp(0.594rem, 0.348rem + 1.050vw, 1.188rem);
  --size-fluid200-20px : clamp(0.625rem, 0.366rem + 1.105vw, 1.250rem);
  --size-fluid200-21px : clamp(0.656rem, 0.384rem + 1.160vw, 1.313rem);
  --size-fluid200-22px : clamp(0.688rem, 0.403rem + 1.215vw, 1.375rem);
  --size-fluid200-23px : clamp(0.719rem, 0.421rem + 1.271vw, 1.438rem);
  --size-fluid200-24px : clamp(0.750rem, 0.439rem + 1.326vw, 1.500rem);
  --size-fluid200-25px : clamp(0.781rem, 0.458rem + 1.381vw, 1.563rem);
  --size-fluid200-26px : clamp(0.813rem, 0.476rem + 1.436vw, 1.625rem);
  --size-fluid200-27px : clamp(0.844rem, 0.494rem + 1.492vw, 1.688rem);
  --size-fluid200-28px : clamp(0.875rem, 0.512rem + 1.547vw, 1.750rem);
  --size-fluid200-29px : clamp(0.906rem, 0.531rem + 1.602vw, 1.813rem);
  --size-fluid200-30px : clamp(0.938rem, 0.549rem + 1.657vw, 1.875rem);
  /* 32–150px, step 2 */
  --size-fluid200-32px : clamp(1.000rem, 0.586rem + 1.768vw, 2.000rem);
  --size-fluid200-34px : clamp(1.063rem, 0.622rem + 1.878vw, 2.125rem);
  --size-fluid200-36px : clamp(1.125rem, 0.659rem + 1.989vw, 2.250rem);
  --size-fluid200-38px : clamp(1.188rem, 0.695rem + 2.099vw, 2.375rem);
  --size-fluid200-40px : clamp(1.250rem, 0.732rem + 2.210vw, 2.500rem);
  --size-fluid200-42px : clamp(1.313rem, 0.769rem + 2.320vw, 2.625rem);
  --size-fluid200-44px : clamp(1.375rem, 0.805rem + 2.431vw, 2.750rem);
  --size-fluid200-46px : clamp(1.438rem, 0.842rem + 2.541vw, 2.875rem);
  --size-fluid200-48px : clamp(1.500rem, 0.878rem + 2.652vw, 3.000rem);
  --size-fluid200-50px : clamp(1.563rem, 0.915rem + 2.762vw, 3.125rem);
  --size-fluid200-52px : clamp(1.625rem, 0.952rem + 2.873vw, 3.250rem);
  --size-fluid200-54px : clamp(1.688rem, 0.988rem + 2.983vw, 3.375rem);
  --size-fluid200-56px : clamp(1.750rem, 1.025rem + 3.094vw, 3.500rem);
  --size-fluid200-58px : clamp(1.813rem, 1.061rem + 3.204vw, 3.625rem);
  --size-fluid200-60px : clamp(1.875rem, 1.098rem + 3.315vw, 3.750rem);
  --size-fluid200-62px : clamp(1.938rem, 1.135rem + 3.425vw, 3.875rem);
  --size-fluid200-64px : clamp(2.000rem, 1.171rem + 3.536vw, 4.000rem);
  --size-fluid200-66px : clamp(2.063rem, 1.208rem + 3.646vw, 4.125rem);
  --size-fluid200-68px : clamp(2.125rem, 1.244rem + 3.757vw, 4.250rem);
  --size-fluid200-70px : clamp(2.188rem, 1.281rem + 3.867vw, 4.375rem);
  --size-fluid200-72px : clamp(2.250rem, 1.318rem + 3.978vw, 4.500rem);
  --size-fluid200-74px : clamp(2.313rem, 1.354rem + 4.088vw, 4.625rem);
  --size-fluid200-76px : clamp(2.375rem, 1.391rem + 4.199vw, 4.750rem);
  --size-fluid200-78px : clamp(2.438rem, 1.427rem + 4.309vw, 4.875rem);
  --size-fluid200-80px : clamp(2.500rem, 1.464rem + 4.420vw, 5.000rem);
  --size-fluid200-82px : clamp(2.563rem, 1.501rem + 4.530vw, 5.125rem);
  --size-fluid200-84px : clamp(2.625rem, 1.537rem + 4.641vw, 5.250rem);
  --size-fluid200-86px : clamp(2.688rem, 1.574rem + 4.751vw, 5.375rem);
  --size-fluid200-88px : clamp(2.750rem, 1.610rem + 4.862vw, 5.500rem);
  --size-fluid200-90px : clamp(2.813rem, 1.647rem + 4.972vw, 5.625rem);
  --size-fluid200-92px : clamp(2.875rem, 1.684rem + 5.083vw, 5.750rem);
  --size-fluid200-94px : clamp(2.938rem, 1.720rem + 5.193vw, 5.875rem);
  --size-fluid200-96px : clamp(3.000rem, 1.757rem + 5.304vw, 6.000rem);
  --size-fluid200-98px : clamp(3.063rem, 1.794rem + 5.414vw, 6.125rem);
  --size-fluid200-100px: clamp(3.125rem, 1.830rem + 5.525vw, 6.250rem);
  --size-fluid200-102px: clamp(3.188rem, 1.867rem + 5.635vw, 6.375rem);
  --size-fluid200-104px: clamp(3.250rem, 1.903rem + 5.746vw, 6.500rem);
  --size-fluid200-106px: clamp(3.313rem, 1.940rem + 5.856vw, 6.625rem);
  --size-fluid200-108px: clamp(3.375rem, 1.977rem + 5.967vw, 6.750rem);
  --size-fluid200-110px: clamp(3.438rem, 2.013rem + 6.077vw, 6.875rem);
  --size-fluid200-112px: clamp(3.500rem, 2.050rem + 6.188vw, 7.000rem);
  --size-fluid200-114px: clamp(3.563rem, 2.086rem + 6.298vw, 7.125rem);
  --size-fluid200-116px: clamp(3.625rem, 2.123rem + 6.409vw, 7.250rem);
  --size-fluid200-118px: clamp(3.688rem, 2.160rem + 6.519vw, 7.375rem);
  --size-fluid200-120px: clamp(3.750rem, 2.196rem + 6.630vw, 7.500rem);
  --size-fluid200-122px: clamp(3.813rem, 2.233rem + 6.740vw, 7.625rem);
  --size-fluid200-124px: clamp(3.875rem, 2.269rem + 6.851vw, 7.750rem);
  --size-fluid200-126px: clamp(3.938rem, 2.306rem + 6.961vw, 7.875rem);
  --size-fluid200-128px: clamp(4.000rem, 2.343rem + 7.072vw, 8.000rem);
  --size-fluid200-130px: clamp(4.063rem, 2.379rem + 7.182vw, 8.125rem);
  --size-fluid200-132px: clamp(4.125rem, 2.416rem + 7.293vw, 8.250rem);
  --size-fluid200-134px: clamp(4.188rem, 2.452rem + 7.403vw, 8.375rem);
  --size-fluid200-136px: clamp(4.250rem, 2.489rem + 7.514vw, 8.500rem);
  --size-fluid200-138px: clamp(4.313rem, 2.526rem + 7.624vw, 8.625rem);
  --size-fluid200-140px: clamp(4.375rem, 2.562rem + 7.735vw, 8.750rem);
  --size-fluid200-142px: clamp(4.438rem, 2.599rem + 7.845vw, 8.875rem);
  --size-fluid200-144px: clamp(4.500rem, 2.635rem + 7.956vw, 9.000rem);
  --size-fluid200-146px: clamp(4.563rem, 2.672rem + 8.066vw, 9.125rem);
  --size-fluid200-148px: clamp(4.625rem, 2.709rem + 8.177vw, 9.250rem);
  --size-fluid200-150px: clamp(4.688rem, 2.745rem + 8.287vw, 9.375rem);

  /*
   * For: 375→1280 (window width); max = current; min = max/3, min ≥0.125rem (2px)
   */
  /* 2–30px, step 1 */
  --size-fluid300-2px  : 0.125rem;
  --size-fluid300-3px  : clamp(0.125rem, 0.099rem + 0.110vw, 0.188rem);
  --size-fluid300-4px  : clamp(0.125rem, 0.073rem + 0.221vw, 0.250rem);
  --size-fluid300-5px  : clamp(0.125rem, 0.047rem + 0.331vw, 0.313rem);
  --size-fluid300-6px  : clamp(0.125rem, 0.021rem + 0.442vw, 0.375rem);
  --size-fluid300-7px  : clamp(0.146rem, 0.025rem + 0.516vw, 0.438rem);
  --size-fluid300-8px  : clamp(0.167rem, 0.029rem + 0.589vw, 0.500rem);
  --size-fluid300-9px  : clamp(0.188rem, 0.032rem + 0.663vw, 0.563rem);
  --size-fluid300-10px : clamp(0.208rem, 0.036rem + 0.737vw, 0.625rem);
  --size-fluid300-11px : clamp(0.229rem, 0.039rem + 0.810vw, 0.688rem);
  --size-fluid300-12px : clamp(0.250rem, 0.043rem + 0.884vw, 0.750rem);
  --size-fluid300-13px : clamp(0.271rem, 0.046rem + 0.958vw, 0.813rem);
  --size-fluid300-14px : clamp(0.292rem, 0.050rem + 1.031vw, 0.875rem);
  --size-fluid300-15px : clamp(0.313rem, 0.054rem + 1.105vw, 0.938rem);
  --size-fluid300-16px : clamp(0.333rem, 0.057rem + 1.179vw, 1.000rem);
  --size-fluid300-17px : clamp(0.354rem, 0.061rem + 1.252vw, 1.063rem);
  --size-fluid300-18px : clamp(0.375rem, 0.064rem + 1.326vw, 1.125rem);
  --size-fluid300-19px : clamp(0.396rem, 0.068rem + 1.400vw, 1.188rem);
  --size-fluid300-20px : clamp(0.417rem, 0.071rem + 1.473vw, 1.250rem);
  --size-fluid300-21px : clamp(0.438rem, 0.075rem + 1.547vw, 1.313rem);
  --size-fluid300-22px : clamp(0.458rem, 0.078rem + 1.621vw, 1.375rem);
  --size-fluid300-23px : clamp(0.479rem, 0.082rem + 1.694vw, 1.438rem);
  --size-fluid300-24px : clamp(0.500rem, 0.086rem + 1.768vw, 1.500rem);
  --size-fluid300-25px : clamp(0.521rem, 0.089rem + 1.842vw, 1.563rem);
  --size-fluid300-26px : clamp(0.542rem, 0.093rem + 1.915vw, 1.625rem);
  --size-fluid300-27px : clamp(0.563rem, 0.096rem + 1.989vw, 1.688rem);
  --size-fluid300-28px : clamp(0.583rem, 0.100rem + 2.063vw, 1.750rem);
  --size-fluid300-29px : clamp(0.604rem, 0.103rem + 2.136vw, 1.813rem);
  --size-fluid300-30px : clamp(0.625rem, 0.107rem + 2.210vw, 1.875rem);
  /* 32–150px, step 2 */
  --size-fluid300-32px : clamp(0.667rem, 0.114rem + 2.357vw, 2.000rem);
  --size-fluid300-34px : clamp(0.708rem, 0.121rem + 2.505vw, 2.125rem);
  --size-fluid300-36px : clamp(0.750rem, 0.128rem + 2.652vw, 2.250rem);
  --size-fluid300-38px : clamp(0.792rem, 0.136rem + 2.799vw, 2.375rem);
  --size-fluid300-40px : clamp(0.833rem, 0.143rem + 2.947vw, 2.500rem);
  --size-fluid300-42px : clamp(0.875rem, 0.150rem + 3.094vw, 2.625rem);
  --size-fluid300-44px : clamp(0.917rem, 0.157rem + 3.241vw, 2.750rem);
  --size-fluid300-46px : clamp(0.958rem, 0.164rem + 3.389vw, 2.875rem);
  --size-fluid300-48px : clamp(1.000rem, 0.171rem + 3.536vw, 3.000rem);
  --size-fluid300-50px : clamp(1.042rem, 0.178rem + 3.683vw, 3.125rem);
  --size-fluid300-52px : clamp(1.083rem, 0.186rem + 3.831vw, 3.250rem);
  --size-fluid300-54px : clamp(1.125rem, 0.193rem + 3.978vw, 3.375rem);
  --size-fluid300-56px : clamp(1.167rem, 0.200rem + 4.125vw, 3.500rem);
  --size-fluid300-58px : clamp(1.208rem, 0.207rem + 4.273vw, 3.625rem);
  --size-fluid300-60px : clamp(1.250rem, 0.214rem + 4.420vw, 3.750rem);
  --size-fluid300-62px : clamp(1.292rem, 0.221rem + 4.567vw, 3.875rem);
  --size-fluid300-64px : clamp(1.333rem, 0.228rem + 4.715vw, 4.000rem);
  --size-fluid300-66px : clamp(1.375rem, 0.235rem + 4.862vw, 4.125rem);
  --size-fluid300-68px : clamp(1.417rem, 0.243rem + 5.009vw, 4.250rem);
  --size-fluid300-70px : clamp(1.458rem, 0.250rem + 5.157vw, 4.375rem);
  --size-fluid300-72px : clamp(1.500rem, 0.257rem + 5.304vw, 4.500rem);
  --size-fluid300-74px : clamp(1.542rem, 0.264rem + 5.451vw, 4.625rem);
  --size-fluid300-76px : clamp(1.583rem, 0.271rem + 5.599vw, 4.750rem);
  --size-fluid300-78px : clamp(1.625rem, 0.278rem + 5.746vw, 4.875rem);
  --size-fluid300-80px : clamp(1.667rem, 0.285rem + 5.893vw, 5.000rem);
  --size-fluid300-82px : clamp(1.708rem, 0.293rem + 6.041vw, 5.125rem);
  --size-fluid300-84px : clamp(1.750rem, 0.300rem + 6.188vw, 5.250rem);
  --size-fluid300-86px : clamp(1.792rem, 0.307rem + 6.335vw, 5.375rem);
  --size-fluid300-88px : clamp(1.833rem, 0.314rem + 6.483vw, 5.500rem);
  --size-fluid300-90px : clamp(1.875rem, 0.321rem + 6.630vw, 5.625rem);
  --size-fluid300-92px : clamp(1.917rem, 0.328rem + 6.777vw, 5.750rem);
  --size-fluid300-94px : clamp(1.958rem, 0.335rem + 6.924vw, 5.875rem);
  --size-fluid300-96px : clamp(2.000rem, 0.343rem + 7.072vw, 6.000rem);
  --size-fluid300-98px : clamp(2.042rem, 0.350rem + 7.219vw, 6.125rem);
  --size-fluid300-100px: clamp(2.083rem, 0.357rem + 7.366vw, 6.250rem);
  --size-fluid300-102px: clamp(2.125rem, 0.364rem + 7.514vw, 6.375rem);
  --size-fluid300-104px: clamp(2.167rem, 0.371rem + 7.661vw, 6.500rem);
  --size-fluid300-106px: clamp(2.208rem, 0.378rem + 7.808vw, 6.625rem);
  --size-fluid300-108px: clamp(2.250rem, 0.385rem + 7.956vw, 6.750rem);
  --size-fluid300-110px: clamp(2.292rem, 0.392rem + 8.103vw, 6.875rem);
  --size-fluid300-112px: clamp(2.333rem, 0.400rem + 8.250vw, 7.000rem);
  --size-fluid300-114px: clamp(2.375rem, 0.407rem + 8.398vw, 7.125rem);
  --size-fluid300-116px: clamp(2.417rem, 0.414rem + 8.545vw, 7.250rem);
  --size-fluid300-118px: clamp(2.458rem, 0.421rem + 8.692vw, 7.375rem);
  --size-fluid300-120px: clamp(2.500rem, 0.428rem + 8.840vw, 7.500rem);
  --size-fluid300-122px: clamp(2.542rem, 0.435rem + 8.987vw, 7.625rem);
  --size-fluid300-124px: clamp(2.583rem, 0.442rem + 9.134vw, 7.750rem);
  --size-fluid300-126px: clamp(2.625rem, 0.450rem + 9.282vw, 7.875rem);
  --size-fluid300-128px: clamp(2.667rem, 0.457rem + 9.429vw, 8.000rem);
  --size-fluid300-130px: clamp(2.708rem, 0.464rem + 9.576vw, 8.125rem);
  --size-fluid300-132px: clamp(2.750rem, 0.471rem + 9.724vw, 8.250rem);
  --size-fluid300-134px: clamp(2.792rem, 0.478rem + 9.871vw, 8.375rem);
  --size-fluid300-136px: clamp(2.833rem, 0.485rem + 10.018vw, 8.500rem);
  --size-fluid300-138px: clamp(2.875rem, 0.492rem + 10.166vw, 8.625rem);
  --size-fluid300-140px: clamp(2.917rem, 0.500rem + 10.313vw, 8.750rem);
  --size-fluid300-142px: clamp(2.958rem, 0.507rem + 10.460vw, 8.875rem);
  --size-fluid300-144px: clamp(3.000rem, 0.514rem + 10.608vw, 9.000rem);
  --size-fluid300-146px: clamp(3.042rem, 0.521rem + 10.755vw, 9.125rem);
  --size-fluid300-148px: clamp(3.083rem, 0.528rem + 10.902vw, 9.250rem);
  --size-fluid300-150px: clamp(3.125rem, 0.535rem + 11.050vw, 9.375rem);

  /** For font-size: 375→1280 (window width); Scale 400% */
  --size-fluid400-150px: clamp(2.344rem, -0.570rem + 12.431vw, 9.375rem);
  --size-fluid400-152px: clamp(2.375rem, -0.577rem + 12.597vw, 9.500rem);
  --size-fluid400-154px: clamp(2.406rem, -0.585rem + 12.762vw, 9.625rem);
  --size-fluid400-156px: clamp(2.438rem, -0.593rem + 12.928vw, 9.750rem);
  --size-fluid400-158px: clamp(2.469rem, -0.600rem + 13.094vw, 9.875rem);
  --size-fluid400-160px: clamp(2.500rem, -0.608rem + 13.260vw, 10.000rem);
  --size-fluid400-162px: clamp(2.531rem, -0.615rem + 13.425vw, 10.125rem);
  --size-fluid400-164px: clamp(2.563rem, -0.623rem + 13.591vw, 10.250rem);
  --size-fluid400-166px: clamp(2.594rem, -0.631rem + 13.757vw, 10.375rem);
  --size-fluid400-168px: clamp(2.625rem, -0.638rem + 13.923vw, 10.500rem);
  --size-fluid400-170px: clamp(2.656rem, -0.646rem + 14.088vw, 10.625rem);
  --size-fluid400-172px: clamp(2.688rem, -0.653rem + 14.254vw, 10.750rem);
  --size-fluid400-174px: clamp(2.719rem, -0.661rem + 14.420vw, 10.875rem);
  --size-fluid400-176px: clamp(2.750rem, -0.669rem + 14.586vw, 11.000rem);
  --size-fluid400-178px: clamp(2.781rem, -0.676rem + 14.751vw, 11.125rem);
  --size-fluid400-180px: clamp(2.813rem, -0.684rem + 14.917vw, 11.250rem);
  --size-fluid400-182px: clamp(2.844rem, -0.691rem + 15.083vw, 11.375rem);
  --size-fluid400-184px: clamp(2.875rem, -0.699rem + 15.249vw, 11.500rem);
  --size-fluid400-186px: clamp(2.906rem, -0.706rem + 15.414vw, 11.625rem);
  --size-fluid400-188px: clamp(2.938rem, -0.714rem + 15.580vw, 11.750rem);
  --size-fluid400-190px: clamp(2.969rem, -0.722rem + 15.746vw, 11.875rem);
  --size-fluid400-192px: clamp(3.000rem, -0.729rem + 15.912vw, 12.000rem);
  --size-fluid400-194px: clamp(3.031rem, -0.737rem + 16.077vw, 12.125rem);
  --size-fluid400-196px: clamp(3.063rem, -0.744rem + 16.243vw, 12.250rem);
  --size-fluid400-198px: clamp(3.094rem, -0.752rem + 16.409vw, 12.375rem);
  --size-fluid400-200px: clamp(3.125rem, -0.760rem + 16.575vw, 12.500rem);

}


:root {

  /*************************
   * COLORS
   *************************/
  /**
   * INFO: Not used as primitives - specifies directly in semantic level in theme itself
   */


  /*************************
   * TYPOGRAPHY
   *************************/

  /**
   * Font Family.
   * IMPORTANT! We cannot define fonts directly in primitives because there is no way to specify them as CSS variables in `theme.json`.
   * So, the fonts must be declared in `theme.json` as primitives. WordPress will then generate CSS variables for them.
   * These variables will become the primitives we use at the semantic level.
   * So see "Fonts" section in `vars-semantic.css` file.
   */

  /**
   * Font Size.
   * INFO: Fluid font sizes are used specified in theme.json
   */


  /* Letter Spacing
   * INFO: not used as primitives - specifies directly on semantic level
   */

  /* Line Heights
   * INFO: not used as primitives - specifies directly on semantic level
   */

  /* Font Weights
   * INFO: not used as primitives - specifies directly on semantic level
   */

  /*************************
   * SPACING
   *************************/
  /**
   * INFO: Fluid Spacing will be used.
   * See "Fluid Size Calculation Guide" above for explanation.
   */


  /*************************
   * MOTION
   *************************/
  /* Durations
     (not used as primitives - specifies directly)
   */

  /* Easing */
  --easing-ease         : cubic-bezier(.4,0,.2,1);     /* popular - same as standard, explicit */
  --easing-ease-in      : cubic-bezier(0,0,.2,1);      /* popular - for entering animations */
  --easing-ease-out     : cubic-bezier(.4,0,1,1);      /* popular - for exit or fast-out */
  --easing-bounce       : cubic-bezier(.25,.8,.25,1);  /* popular - soft bounce, spring effect */
  --easing-in-out-quad  : cubic-bezier(.45,0,.55,1);   /* occasional - smooth general purpose */
  --easing-in-out-cubic : cubic-bezier(.65,0,.35,1);   /* occasional - slightly snappy transitions */
  --easing-in-out-sine  : cubic-bezier(.45,0,.55,1);   /* occasional - similar to quad, more natural */
  --easing-in-out-quart : cubic-bezier(.77,0,.175,1);  /* rare - very sharp ease-out */
  --easing-in-out-quint : cubic-bezier(.86,0,.07,1);   /* rare - extremely sharp and fast */
  --easing-in-out-expo  : cubic-bezier(.7,0,.3,1);     /* rare - dramatic in/out transitions */
  --easing-in-out-circ  : cubic-bezier(.78,0,.22,1);   /* rare - circular, soft intro/exit */

}