:root {
  /* == User Variables == */

  /* Backgrounds */
  --bg-bright-1: #fcfcfc;
  --bg-bright-2: #f6f6f6;
  --bg-bright-3: #f1f1f1;
  --bg-bright-4: #ececec;
  --bg-bright-5: #e7e7e7;
  --bg-bright-6: #e2e2e2;
  --bg-bright-7: #dddddd;
  --bg-bright-8: #d8d8d8;

  --bg-dark-1: #03070a;
  --bg-dark-2: #060a10;
  --bg-dark-3: #08111b;
  --bg-dark-4: #0b1621;
  --bg-dark-5: #101b27;
  --bg-dark-6: #13212f;
  --bg-dark-7: #15273a;
  --bg-dark-8: #172d42;

  /* Colors */
  --c-primary-1: #111111;
  --c-primary-2: unset;
  --c-primary-3: unset;
  --c-primary-4: unset;
  --c-primary-5: unset;
  --c-primary-6: unset;

  --c-secondary-1: unset;
  --c-secondary-2: unset;
  --c-secondary-3: unset;
  --c-secondary-4: unset;
  --c-secondary-5: unset;
  --c-secondary-6: unset;

  --c-accent: #0095e4;
  --c-accent-light: #45beff;
  --c-text-dark: #111111;
  --c-text-bright: #fff;
  --c-text-medium: unset;
  --c-white: #fcfcfc;
  --c-border-light: unset;

  /* Site sizing */
  --site-max-width: 1500px;
  --header-height: calc(60px + var(--spacing-s) * 2);

  /* Typography */
  --fs-xs: clamp(0.855rem, 0.803rem + 0.285vw, 1.045rem);
  --fs-s: clamp(0.942rem, 0.905rem + 0.283vw, 1.272rem);
  --fs-m: clamp(1.213rem, 1.027rem + 0.7vw, 1.68rem);
  --fs-l: clamp(1.332rem, 1.096rem + 1.051vw, 2.081rem);
  --fs-xl: clamp(1.585rem, 1.164rem + 1.869vw, 2.917rem);
  --fs-2xl: clamp(1.883rem, 1.188rem + 3.089vw, 4.083rem);
  --fs-3xl: clamp(2.2395rem, 1.1394rem + 4.8895vw, 5.7233rem);
  
  /* Line Heights */
  --lh-s: 1.2;
  --lh-m: 1.3;
  --lh-l: 1.35;
  --lh-xl: 1.8;

  /* Letter Spacing */
  --ls-xs: -0.05em;
  --ls-s: 0em;
  --ls-m: 0.05em;
  --ls-l: 0.1em;
  --ls-xl: 0.15em;

  /* Spacing */
  --spacing-xs: clamp(0.5967rem, 0.4475rem + 0.2529vw, 0.8333rem);
  --spacing-s: clamp(0.75rem, 0.5625rem + 0.4018vw, 1.125rem);
  --spacing-m: clamp(0.9rem, 0.675rem + 1.2582vw, 1.5908rem);
  --spacing-l: clamp(1.08rem, 0.81rem + 2.6063vw, 2.2493rem);
  --spacing-xl: clamp(1.296rem, 0.972rem + 4.6748vw, 3.1805rem);
  --spacing-2xl: clamp(1.5552rem, 1.1664rem + 7.8151vw, 4.4973rem);
  --spacing-3xl: clamp(1.8662rem, 1.39965rem + 12.4788vw, 6.3592rem);

  /* Borders & Shadows */
  --border-radius-s: 8px;
  --border-radius-m: 16px;
  --border-radius-l: 32px;
  --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-m: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-l: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* Animations */
  --transition-fast: 200ms;
  --transition-normal: 750ms;
  --transition-slow: 1250ms;
  --cubic-bezier: cubic-bezier(0.25, 0.1, 0, 1);
  --stagger-base: 0.05s;
  --stagger-multiplier: 2;

  /* Fonts */
  --font-primary: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-secondary: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

@media screen and (max-width: 749px) {
  :root {
    --border-radius-s: 4px;
    --border-radius-m: 8px;
    --border-radius-l: 16px;
  }
}