/*
	To modify fluid text and space settings, click the utopia links below to open the calculator with current selections. 
	Then, make changes and copy/paste the new values (including the updated utopia links) below.
*/

/* Utopia Fluid Text - Paste below from utopia.fyi
--------------------------------------------------------------- */
/* @link https://utopia.fyi/type/calculator?c=320,14,1.25,1600,16,1.414,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.5002rem, 0.575rem + -0.0748vw, 0.56rem);
  --step--1: clamp(0.7rem, 0.6982rem + 0.009vw, 0.7072rem);
  --step-0: clamp(0.875rem, 0.8438rem + 0.1563vw, 1rem);
  --step-1: clamp(1.0938rem, 1.0137rem + 0.4003vw, 1.414rem);
  --step-2: clamp(1.3672rem, 1.2091rem + 0.7903vw, 1.9994rem);
  --step-3: clamp(1.709rem, 1.4294rem + 1.3977vw, 2.8271rem);
  --step-4: clamp(2.1362rem, 1.6709rem + 2.3267vw, 3.9976rem);
  --step-5: clamp(2.6703rem, 1.9247rem + 3.7279vw, 5.6526rem);
  --step-6: clamp(3.3379rem, 2.1741rem + 5.8186vw, 7.9928rem);
  --step-7: clamp(4.1723rem, 2.39rem + 8.9118vw, 11.3018rem);
}

/* Utopia Fluid Space - Paste below from utopia.fyi
  --------------------------------------------------------------- */
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1440,24,1.25,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6|8|10|12|14|16|18|20,xs-l&g=s,l,xl,12 */

:root {
  --space-3xs: clamp(0.3125rem, 0.2946rem + 0.0893vw, 0.375rem);
  --space-2xs: clamp(0.5625rem, 0.5089rem + 0.2679vw, 0.75rem);
  --space-xs: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
  --space-s: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem);
  --space-m: clamp(1.6875rem, 1.5268rem + 0.8036vw, 2.25rem);
  --space-l: clamp(2.25rem, 2.0357rem + 1.0714vw, 3rem);
  --space-xl: clamp(3.375rem, 3.0536rem + 1.6071vw, 4.5rem);
  --space-2xl: clamp(4.5rem, 4.0714rem + 2.1429vw, 6rem);
  --space-3xl: clamp(6.75rem, 6.1071rem + 3.2143vw, 9rem);
  --space-4xl: clamp(9rem, 8.1429rem + 4.2857vw, 12rem);
  --space-5xl: clamp(11.25rem, 10.1786rem + 5.3571vw, 15rem);
  --space-6xl: clamp(13.5rem, 12.2143rem + 6.4286vw, 18rem);
  --space-7xl: clamp(15.75rem, 14.25rem + 7.5vw, 21rem);
  --space-8xl: clamp(18rem, 16.2857rem + 8.5714vw, 24rem);
  --space-9xl: clamp(20.25rem, 18.3214rem + 9.6429vw, 27rem);
  --space-10xl: clamp(22.5rem, 20.3571rem + 10.7143vw, 30rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.3125rem, 0.1875rem + 0.625vw, 0.75rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4018rem + 0.8036vw, 1.125rem);
  --space-xs-s: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
  --space-s-m: clamp(1.125rem, 0.8036rem + 1.6071vw, 2.25rem);
  --space-m-l: clamp(1.6875rem, 1.3125rem + 1.875vw, 3rem);
  --space-l-xl: clamp(2.25rem, 1.6071rem + 3.2143vw, 4.5rem);
  --space-xl-2xl: clamp(3.375rem, 2.625rem + 3.75vw, 6rem);
  --space-2xl-3xl: clamp(4.5rem, 3.2143rem + 6.4286vw, 9rem);
  --space-3xl-4xl: clamp(6.75rem, 5.25rem + 7.5vw, 12rem);
  --space-4xl-5xl: clamp(9rem, 7.2857rem + 8.5714vw, 15rem);
  --space-5xl-6xl: clamp(11.25rem, 9.3214rem + 9.6429vw, 18rem);
  --space-6xl-7xl: clamp(13.5rem, 11.3571rem + 10.7143vw, 21rem);
  --space-7xl-8xl: clamp(15.75rem, 13.3929rem + 11.7857vw, 24rem);
  --space-8xl-9xl: clamp(18rem, 15.4286rem + 12.8571vw, 27rem);
  --space-9xl-10xl: clamp(20.25rem, 17.4643rem + 13.9286vw, 30rem);

  /* Custom pairs */
  --space-xs-l: clamp(0.875rem, 0.2679rem + 3.0357vw, 3rem);
}

/*---------------------------------------------------------------
*** Do not edit below this line ***
(except possibly the fluid-gutter value if the var has changed)
-----------------------------------------------------------------
Reassign vars to be consistent with Tailwind naming conventions
--------------------------------------------------------------- */
:root {
  /* Fluid text sizes */
  --fluid-text-xs: var(--step--2);
  --fluid-text-sm: var(--step--1);
  --fluid-text-base: var(--step-0);
  --fluid-text-lg: var(--step-1);
  --fluid-text-xl: var(--step-2);
  --fluid-text-2xl: var(--step-3);
  --fluid-text-3xl: var(--step-4);
  --fluid-text-4xl: var(--step-5);
  --fluid-text-5xl: var(--step-6);
  --fluid-text-6xl: var(--step-7);

  /* Fluid space sizes (margins, padding, etc) */
  --fluid-space-3xs: var(--space-3xs);
  --fluid-space-2xs: var(--space-2xs);
  --fluid-space-xs: var(--space-xs);
  --fluid-space-sm: var(--space-s);
  --fluid-space-md: var(--space-m);
  --fluid-space-lg: var(--space-l);
  --fluid-space-xl: var(--space-xl);
  --fluid-space-2xl: var(--space-2xl);
  --fluid-space-3xl: var(--space-3xl);
  --fluid-space-4xl: var(--space-4xl);
  --fluid-space-5xl: var(--space-5xl);
  --fluid-space-6xl: var(--space-6xl);
  --fluid-space-7xl: var(--space-7xl);
  --fluid-space-8xl: var(--space-8xl);
  --fluid-space-9xl: var(--space-9xl);
  --fluid-space-10xl: var(--space-10xl);
  --fluid-gutter: var(--space-xs-l);
}