/*
	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,4,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);
}

/* 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,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);

  /* 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);

  /* 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 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-gutter: var(--space-xs-l);
}