/*
    # Variables
    
    Global CSS variables used within the theme.

    ## Unconfigured variables
    
    These are variables that should only be used within the scope of this CSS file.
    
    - `breakpoint-divider`
      Represents the percentage different between the small and large breakpoints.
      This may then be used for scaling font calculations.
*/
/*
    ## Scalable Fonts
    
    As of 2023 `clamp()` is now supported for over 93% of users. So, scalable fonts can now use clamp() instead of media query CSS locks. 
    It is more elegant and uses less CSS than media queries. Therefore all font-size(s) will now use clamp().
    
    The formula for scalable fonts is:
    
    ```
    font-size: clamp(min, calc(min + (max - min) * ((100vw - breakpoint-min) / breakpoint-divider)), max);
    ```
    
    Where:
    - `min` is the smallest font-size up to the `breakpoint-min' and should be in `rem` units.
    - `max` is the largest font-size desired for the font and should be in `rem` units.
    - `breakpoint-min` represents the screen size we want to start scaling from (see $(breakpoint-sm-min))
    - `breakpoint-divider` is an unconfigured variable representing the percentage diff between the min and max screen size to scale between.
    
    Note: I had wanted to create a reusable function to achieve this, but sadly no joy in CSS Crush.
    For now, we'll just have to copy & paste the formula for each CSS variable.
*/
:root {
    --text-color: /*style.text-color(*/#B8B8B8/*)*/;
    --text-lineheight: /*style.text-lineheight(*/1.6/*)*/;
    --text-size: clamp(/*style.text-size-min(*/0.9375rem/*)*/,calc(/*style.text-size-min(*/0.9375rem/*)*/ + .0625 * ((100vw - 600px) / 62.5)),/*style.text-size-max(*/1rem/*)*/);
    --text-style: /*style.text-style(*/normal/*)*/;
    --text-typeface: /*style.text-typeface(*/"Outfit"/*)*/,Helvetica,Arial,sans-serif;
    --text-weight: /*style.text-weight(*/400/*)*/;
    --text-weight-bold: /*style.text-weight-bold(*/600/*)*/;
    --text-inverse-color: #000;
    --heading-color: /*style.heading-color(*/#E5E5E5/*)*/;
    --heading-lineheight: /*style.heading-lineheight(*/1.2/*)*/;
    --heading-style: /*style.heading-style(*/normal/*)*/;
    --heading-transform: /*style.heading-transform(*/none/*)*/;
    --heading-typeface: /*style.heading-typeface(*/"Outfit"/*)*/,Helvetica,Arial,sans-serif;
    --heading-weight: /*style.heading-weight(*/400/*)*/;
    --heading-weight-bold: /*style.heading-weight-bold(*/600/*)*/;
    --heading-1-size: clamp(/*style.h1-size-min(*/1.375rem/*)*/,calc(/*style.h1-size-min(*/1.375rem/*)*/ + 1.25 * ((100vw - 600px) / 62.5)),/*style.h1-size-max(*/2.625rem/*)*/);
    --heading-2-size: clamp(/*style.h2-size-min(*/1.25rem/*)*/,calc(/*style.h2-size-min(*/1.25rem/*)*/ + .75 * ((100vw - 600px) / 62.5)),/*style.h2-size-max(*/2rem/*)*/);
    --heading-3-size: clamp(/*style.h3-size-min(*/1.125rem/*)*/,calc(/*style.h3-size-min(*/1.125rem/*)*/ + .375 * ((100vw - 600px) / 62.5)),/*style.h3-size-max(*/1.5rem/*)*/);
    --heading-4-size: clamp(/*style.h4-size-min(*/1rem/*)*/,calc(/*style.h4-size-min(*/1rem/*)*/ + .125 * ((100vw - 600px) / 62.5)),/*style.h4-size-max(*/1.125rem/*)*/);
    --heading-5-size: clamp(/*style.h5-size-min(*/0.9375rem/*)*/,calc(/*style.h5-size-min(*/0.9375rem/*)*/ + .0625 * ((100vw - 600px) / 62.5)),/*style.h5-size-max(*/1rem/*)*/);
    --heading-6-size: clamp(/*style.h6-size-min(*/0.875rem/*)*/,calc(/*style.h6-size-min(*/0.875rem/*)*/ + 0 * ((100vw - 600px) / 62.5)),/*style.h6-size-max(*/0.875rem/*)*/);
    --text-subtitle-size: clamp(/*style.subtitle-size-min(*/1.125rem/*)*/,calc(/*style.subtitle-size-min(*/1.125rem/*)*/ + .375 * ((100vw - 600px) / 62.5)),/*style.subtitle-size-max(*/1.5rem/*)*/);
    --text-large-size: /*style.text-large-size(*/1.125em/*)*/;
    --text-small-size: /*style.text-small-size(*/0.875em/*)*/;
    --text-eyebrow-color: /*style.eyebrow-color(*/#9B9B9B/*)*/;
    --text-eyebrow-typeface: /*style.eyebrow-typeface(*/"Inter"/*)*/,Helvetica,Arial,sans-serif;
    --text-eyebrow-size: clamp(/*style.eyebrow-size-min(*/0.75rem/*)*/,calc(/*style.eyebrow-size-min(*/0.75rem/*)*/ + 0 * ((100vw - 600px) / 62.5)),/*style.eyebrow-size-max(*/0.75rem/*)*/);
    --text-eyebrow-style: /*style.eyebrow-style(*/normal/*)*/;
    --text-eyebrow-transform: /*style.eyebrow-transform(*/uppercase/*)*/;
    --text-eyebrow-weight: /*style.eyebrow-weight(*/700/*)*/;
    --link-color: /*style.link-color(*/#D4AF37/*)*/;
    --link-color-hover: /*style.link-color-hover(*/#E5C158/*)*/;
    --link-decoration: /*style.link-decoration(*/none/*)*/;
    --link-decoration-hover: /*style.link-decoration-hover(*/underline/*)*/;
    --icon-color: currentColor;
    --icon-size: 24px;
    --icon-size-small: 16px;
    --icon-size-large: 32px;
    --icon-size-xl: 48px;
    --button-radius: /*style.button-radius(*/24px/*)*/;
    --button-height: /*style.button-height(*/48px/*)*/;
    --button-padding: 0 30px;
    --button-height-large: /*style.button-height-large(*/64px/*)*/;
    --button-radius-large: /*style.button-radius-large(*/32px/*)*/;
    --button-padding-large: 0 40px;
    --button-background: /*style.button-background(*/#1A1A1A/*)*/;
    --button-background-hover: /*style.button-background-hover(*/#2A2A2A/*)*/;
    --button-background-press: /*style.button-background-press(*/#0D0D0D/*)*/;
    --button-border: /*style.button-border-width(*/0/*)*/ solid /*style.button-border-color(*/#2A2A2A/*)*/;
    --button-border-hover: /*style.button-border-width(*/0/*)*/ solid /*style.button-border-color-hover(*/#C2CCDA/*)*/;
    --button-border-press: /*style.button-border-width(*/0/*)*/ solid /*style.button-border-color-press(*/#C2CCDA/*)*/;
    --button-color: /*style.button-color(*/#E5E5E5/*)*/;
    --button-color-hover: /*style.button-color-hover(*/#FFF/*)*/;
    --button-color-press: /*style.button-color-press(*/inherit/*)*/;
    --button-primary-background: /*style.button-primary-background(*/#D4AF37/*)*/;
    --button-primary-background-hover: /*style.button-primary-background-hover(*/#E5C158/*)*/;
    --button-primary-background-press: /*style.button-primary-background-press(*/#B89530/*)*/;
    --button-primary-border: /*style.button-primary-border-width(*/0/*)*/ solid /*style.button-primary-border-color(*/#D4AF37/*)*/;
    --button-primary-border-hover: /*style.button-primary-border-width(*/0/*)*/ solid /*style.button-primary-border-color-hover(*/#2681ff/*)*/;
    --button-primary-border-press: /*style.button-primary-border-width(*/0/*)*/ solid /*style.button-primary-border-color-press(*/#004ebc/*)*/;
    --button-primary-color: /*style.button-primary-color(*/#000/*)*/;
    --button-primary-color-hover: /*style.button-primary-color-hover(*/#000/*)*/;
    --button-primary-color-press: /*style.button-primary-color-press(*/#fff/*)*/;
    --button-danger-background: /*style.button-danger-background(*/#C43E3E/*)*/;
    --button-danger-background-hover: /*style.button-danger-background-hover(*/#D45555/*)*/;
    --button-danger-background-press: /*style.button-danger-background-press(*/#A32C2C/*)*/;
    --button-danger-border: /*style.button-danger-border-width(*/0/*)*/ solid /*style.button-danger-border-color(*/#e50420/*)*/;
    --button-danger-border-hover: /*style.button-danger-border-width(*/0/*)*/ solid /*style.button-danger-border-color-hover(*/#f52c2c/*)*/;
    --button-danger-border-press: /*style.button-danger-border-width(*/0/*)*/ solid /*style.button-danger-border-color-press(*/#c40000/*)*/;
    --button-danger-color: /*style.button-danger-color(*/#fff/*)*/;
    --button-danger-color-hover: /*style.button-danger-color-hover(*/#fff/*)*/;
    --button-danger-color-press: /*style.button-danger-color-press(*/#fff/*)*/;
    --button-subtle-background: /*style.button-subtle-background(*/transparent/*)*/;
    --button-subtle-background-hover: /*style.button-subtle-background-hover(*/rgba(212, 175, 55, .12)/*)*/;
    --button-subtle-background-press: /*style.button-subtle-background-press(*/rgba(212, 175, 55, .25)/*)*/;
    --button-subtle-border: /*style.button-subtle-border-width(*/0/*)*/ solid /*style.button-subtle-border-color(*/transparent/*)*/;
    --button-subtle-border-hover: /*style.button-subtle-border-width(*/0/*)*/ solid /*style.button-subtle-border-color-hover(*/#30406112/*)*/;
    --button-subtle-border-press: /*style.button-subtle-border-width(*/0/*)*/ solid /*style.button-subtle-border-color-press(*/#30406129/*)*/;
    --button-subtle-color: /*style.button-subtle-color(*/#E5E5E5/*)*/;
    --button-subtle-color-hover: /*style.button-subtle-color-hover(*/#D4AF37/*)*/;
    --button-subtle-color-press: /*style.button-subtle-color-press(*/inherit/*)*/;
    --footer-legal-background: /*style.footer-legal-background(*/#000/*)*/;
    --footer-legal-color: /*style.footer-legal-color(*/#9B9B9B/*)*/;
    --footer-legal-border: /*style.footer-legal-border-width(*/1px/*)*/ solid /*style.footer-legal-border-color(*/#2A2A2A/*)*/;
    --footer-legal-border-style: /*style.footer-legal-border-style(*/solid/*)*/;
    --blanket-background: rgba(0,0,0,.80);
    --shadow-overlay: 0 0 50px rgba(0,0,0,.5);
    --border-color: #2A2A2A;
    --background-neutral: #1A1A1A;
    --background-alternate: /*style.background-alternate(*/#0D0D0D/*)*/;
    --spacer-1: /*style.spacer-1(*/0.25rem/*)*/;
    --spacer-2: /*style.spacer-2(*/0.5rem/*)*/;
    --spacer-3: /*style.spacer-3(*/1rem/*)*/;
    --spacer-4: /*style.spacer-4(*/1.5rem/*)*/;
    --spacer-5: /*style.spacer-5(*/2rem/*)*/;
    --textfield-radius: /*style.textfield-radius(*/4px/*)*/;
    --textfield-height: /*style.textfield-height(*/48px/*)*/;
    --textfield-padding: 0 15.6px;
    --textfield-gap: .5rem;
    --textfield-height-large: /*style.textfield-height-large(*/64px/*)*/;
    --textfield-radius-large: /*style.textfield-radius-large(*/8px/*)*/;
    --textfield-padding-large: 0 20.8px;
    --input-border: /*style.input-border-width(*/2px/*)*/ solid /*style.input-border-color(*/#3A3A3A/*)*/;
    --input-border-focus: /*style.input-border-width(*/2px/*)*/ solid /*style.input-border-focus(*/#D4AF37/*)*/;
    --input-border-error: /*style.input-border-width(*/2px/*)*/ solid /*style.input-border-error(*/#E57373/*)*/;
    --input-text-size: 1rem;
    }