:root {
  /* Typography */
  --primary-font: "Outfit", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semi: 600;
  --font-bold: 700;

  /* Colors - Brand */
  --primary-color: #FFC527;
  --primary-color-500: #D09C10;

  /* Colors - Neutral */
  --neutral-100-color: #F8F8F8;
  --neutral-200-color: #EDEDED;
  --neutral-300-color: #B9CCCE;
  --neutral-500-color: #787879;
  --neutral-600-color: #434343;
  --neutral-700-color: #3B3B3B;
  --neutral-800-color: #202020;  

  /* Colors - Grayscale */
  /* --white-color: #ffffff;
  --gray-100-color: #f9f8f7;
  --gray-200-color: #e8e6e1;
  --gray-300-color: #b5ae9e;
  --gray-400-color: #9A9A9A;
  --gray-500-color: #6b6b6b;
  --gray-600-color: #7E7C78;
  --gray-700-color: #686662;
  --gray-900-color: #262727;
  --black-color: #0b0903;   */

  /* Colors - Other */
  /* --success-color: #a3c237;
  --danger-color: #C91726;
  --light-green: #F0FFE9;
  --light-purple: #F8F1FC;
  --light-puorangerple: #FFF5E9;
  --light-blue: #E9FFFE;
  --green-color: #38A03D;
  --green-100-color: #E2F9D7;
  --blue-color: #007BED;
  --blue-100-color: #EDF7FF; */

  /* Globals */
  --global-spacing: -0.015625rem;
  --global-transition: all 0.2s ease-in-out;
  --global-border: 0.0625rem solid var(--gray-200-color);  
  --global-shadow: 0 0.75rem 3rem #ada59333;
  --global-overlay: rgba(0, 0, 0, 0.45);
  --global-radius: 0.625rem;

  /* Others */
}