: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: #0a0a0a;
  --bg-dark-2: #161616;
  --bg-dark-3: #1e1e1e;
  --bg-dark-4: #2a2a2a;
  --bg-dark-5: #3a3a3a;
  --bg-dark-6: #4a4a4a;
  --bg-dark-7: #525252;
  --bg-dark-8: #5c5c5c;

  /* 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: #26d391;
  --c-accent-light: #8ffad1;
  --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.9rem, 0.8452rem + 0.3vw, 1.1rem);
  --fs-s: clamp(1rem, 0.9605rem + 0.3vw, 1.35rem);
  --fs-m: clamp(1.3rem, 1.1rem + 0.75vw, 1.8rem);
  --fs-l: clamp(1.44rem, 1.1844rem + 1.1359vw, 2.2493rem);
  --fs-xl: clamp(1.728rem, 1.2693rem + 2.0387vw, 3.1805rem);
  --fs-2xl: clamp(2.0736rem, 1.3082rem + 3.4017vw, 4.4973rem);
  --fs-3xl: clamp(2.4883rem, 1.266rem + 5.4328vw, 6.3592rem);
  
  /* 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: 0;
  --border-radius-m: 0;
  --border-radius-l: 0;
  --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: 300ms;
  --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;
}