/*
 * SimScale Blank Theme — Global CSS Variables
 * Fluid font sizes and spacing scales (clamp between 320px and 1856px viewports).
 * Loaded on the front end and in the block editor via functions.php.
 */

:root {
  /* ---- Font sizes ------------------- */
  --fs-72-40: clamp(2.5rem, 2.0146rem + 2.0712vw, 4.5rem);
  --fs-56-36: clamp(2.25rem, 1.9466rem + 1.2945vw, 3.5rem);
  --fs-48-32: clamp(2rem, 1.7573rem + 1.0356vw, 3rem);
  --fs-40-24: clamp(1.5rem, 1.2573rem + 1.0356vw, 2.5rem);
  --fs-32-20: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  --fs-24-18: clamp(1.125rem, 1.034rem + 0.3883vw, 1.5rem);
  --fs-20-18: clamp(1.125rem, 1.0947rem + 0.1294vw, 1.25rem);
  --fs-18-16: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
  --fs-16-14: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
  --fs-14-12: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
  --fs-12-10: clamp(0.625rem, 0.5947rem + 0.1294vw, 0.75rem);

  /* ---- Font sizes: role aliases ------------------- */
  --fs-hxl:     var(--fs-72-40);
  --fs-h1:      var(--fs-56-36);
  --fs-h2:      var(--fs-48-32);
  --fs-h3:      var(--fs-40-24);
  --fs-h4:      var(--fs-32-20);
  --fs-h5:      var(--fs-24-18);
  --fs-large:   var(--fs-20-18);
  --fs-medium:  var(--fs-18-16);
  --fs-regular: var(--fs-16-14);
  --fs-small:   var(--fs-14-12);
  --fs-tiny:    var(--fs-12-10);

  /* ---- Spacing / layout variables ------------------------------------------------ */
  --ss-404-20: clamp(20px, -73.2039px + 24.8544vw, 404px);
  --ss-364-20: clamp(20px, -63.4951px + 22.2654vw, 364px);
  --ss-160-80: clamp(80px, 60.5825px + 5.178vw, 160px);
  --ss-160-20: clamp(20px, -13.9806px + 9.0615vw, 160px);
  --ss-112-64: clamp(64px, 52.3495px + 3.1068vw, 112px);
  --ss-100-40: clamp(40px, 25.4369px + 3.8835vw, 100px);
  --ss-80-64:  clamp(64px, 60.1165px + 1.0356vw, 80px);
  --ss-80-40:  clamp(40px, 30.2913px + 2.589vw, 80px);
  --ss-64-32:  clamp(32px, 24.233px + 2.0712vw, 64px);
  --ss-56-48:  clamp(48px, 46.0583px + 0.5178vw, 56px);
  --ss-56-36:  clamp(36px, 31.1456px + 1.2945vw, 56px);
  --ss-48-20:  clamp(20px, 13.2039px + 1.8123vw, 48px);
  --ss-40-20:  clamp(20px, 15.1456px + 1.2945vw, 40px);
  --ss-32-24:  clamp(24px, 22.0583px + 0.5178vw, 32px);
  --ss-32-20:  clamp(20px, 17.0874px + 0.7767vw, 32px);
  --ss-32-18:  clamp(18px, 14.6019px + 0.9061vw, 32px);
  --ss-24-16:  clamp(16px, 14.0583px + 0.5178vw, 24px);
  --ss-16-12:  clamp(12px, 11.0291px + 0.2589vw, 16px);
  --ss-12-8:   clamp(8px, 7.0291px + 0.2589vw, 12px);
  --ss-8-6:    clamp(6px, 5.5146px + 0.1294vw, 8px);
  --ss-6-4:    clamp(4px, 3.5146px + 0.1294vw, 6px);

  /* ---- Spacing: negative offsets (n = negative) ------------------------ */
  --ss-0-n220:     clamp(-220px, -273.3981px + 14.2395vw, 0px);
  --ss-n40-0:      clamp(-40px, 9.7087px - 2.589vw, 0px);
  --ss-n650-n550:  clamp(-650px, -525.7282px - 6.4725vw, -550px);
}