:root {
  /* Foundation */
  --brand-soft-white: #F7F7F5;
  --brand-mist: #E9E9E6;
  --brand-graphite: #202226;
  --brand-charcoal: #141416;
  --brand-obsidian: #09090B;
  --brand-neutral-500: #74747B;
  --brand-neutral-350: #A5A5AA;
  --brand-border-light: #D9D9D5;
  --brand-border-dark: #2A2A30;

  /* Energy */
  --brand-volt: #B9FF38;
  --brand-flux: #20E4D0;
  --brand-pulse: #397BFF;
  --brand-drive: #885CFF;
  --brand-desire: #F04DDF;

  /* Gradients */
  --brand-gradient-signature:
    linear-gradient(
      105deg,
      var(--brand-volt) 0%,
      var(--brand-flux) 23%,
      var(--brand-pulse) 47%,
      var(--brand-drive) 72%,
      var(--brand-desire) 100%
    );

  --brand-gradient-core:
    linear-gradient(
      105deg,
      var(--brand-flux) 0%,
      var(--brand-pulse) 50%,
      var(--brand-drive) 100%
    );

  /* Type */
  --brand-font-sans: "Manrope", Arial, Helvetica, sans-serif;
  --brand-font-editorial: "Instrument Serif", Georgia, "Times New Roman", serif;

  /* Shape */
  --brand-radius-sm: 10px;
  --brand-radius-md: 14px;
  --brand-radius-lg: 18px;
  --brand-radius-pill: 999px;

  /* Layout */
  --brand-max-content: 1280px;
  --brand-pad-desktop: 64px;
  --brand-pad-mobile: 22px;
}