:root {
  --wp--style--global--wide-size: 1340px;
  --wp--style--root--padding-right: clamp(2rem, 3vw, 4rem);
  --wp--style--root--padding-left: clamp(2rem, 3vw, 4rem);

  --colorLotusDark: #1d6687;
  --colorLotusMid: #2887b7;
  --colorLotusLight: #70e4ff;
  --colorLotusMist:  #eafcff;
  --colorLotusFog:   #f4feff;
  --colorLotusIce:   #dff9ff;
  --colorLotusGlow:  #c9f4ff;
  --colorLotusPale:  #b8efff;
  /* deeper support */
  --colorLotusDeep:   #144a63;
  --colorLotusInk:    #103646;
  --colorLotusNavy:   #0b2430;

  /* softer mids */
  --colorLotusSoft:   #4fbfe0;
  --colorLotusSky:    #93ebff;

  /* warm / neutral companions */
  --colorSandLight:   #f8f6f1;
  --colorSandMid:     #e9e4da;
  --colorStoneLight:  #eef2f3;
  --colorStoneMid:    #cfd8dc;

  /* cool neutrals */
  --colorSlateLight:  #dde7ec;
  --colorSlateMid:    #8ea2ad;
  --colorSlateDark:   #51646e;
  --colorDark: #000000;
  --colorLight: #ffffff;
  --colorHover: var(--colorLotusMid);
  --colorLink: var(--colorLotusDeep);
  --space2xs: clamp(0.3rem, 0.78vw, 0.5rem);
  --spaceXs:  clamp(0.5rem, 1.24vw, 0.8rem);
  --spaceS:   clamp(0.8rem, 1.71vw, 1.1rem);
  --spaceM:   clamp(1.1rem, 2.48vw, 1.6rem);
  --spaceL:   clamp(1.6rem, 4.03vw, 2.6rem);
  --spaceXl:  clamp(2rem, 6.20vw, 4rem);
  --space2xl: clamp(3rem, 9.30vw, 6rem);

  --sitePad: var(--spaceM);
  --btnBg: var(--colorLotusDark);
  --btnColor: var(--colorLight);
  --btnBgHover: var(--colorLotusMid);
  --btnPad: var(--spaceXs) var(--spaceM);

  --fontMain: 'Plus Jakarta Sans', sans-serif;
  --fSizeMinimum: 1.4rem;
  --fSizeBase: clamp(1.6rem, 2.79vw, 1.8rem);
  --fSizeCard: clamp(1.4rem, 2vw, 1.6rem);
  --fSizeH1: clamp(3.6rem, 8.99vw, 5.8rem);
  --fSizeH2: clamp(3rem, 5.89vw, 3.8rem);
  --fSizeH3: clamp(2.4rem, 4.65vw, 3rem);
  --fSizeH4: clamp(2rem, 3.72vw, 2.4rem);
  --fSizeH5: clamp(1.8rem, 3.10vw, 2rem);
  --fSizeH6: clamp(1.6rem, 2.79vw, 1.8rem);
  --fSizeP:  var(--fSizeBase);
  --fSizeLi: var(--fSizeBase);

  --lineBase: 1.6;
  --lineH1: 1.05;
  --lineH2: 1.1;
  --lineH3: 1.15;
  --lineH4: 1.2;
  --lineH5: 1.25;
  --lineH6: 1.3;
  --lineP: 1.7;
  --lineLi: 1.6;

  --spaceH1: var(--spaceL);
  --spaceH2: var(--spaceM);
  --spaceH3: var(--spaceS);
  --spaceH4: var(--spaceS);
  --spaceH5: var(--spaceXs);
  --spaceH6: var(--spaceXs);
  --spaceP: var(--spaceM);
  --spaceLi: var(--space2xs);

  --transFast: 150ms ease;
  --transBase: 220ms ease;
  --transSlow: 350ms ease;

  --shadowSoft: 0 0.4rem 1.6rem rgb(0 0 0 / 0.08);
  --shadowHover: 0 0.8rem 2.4rem rgb(0 0 0 / 0.12);

  --radiusS: 0.4rem;
  --radiusM: 0.8rem;

}