/* .font-sofia {
  font-family: "Sofia Pro", Helvetica, sans-serif;
} */

.font-helvetica {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

/* .font-inter {
  font-family: Inter, Arial, Helvetica, sans-serif;
} */

/* Hide Scrollbars */

/* For Webkit-based browsers (Chrome, Safari and Opera) */
/* html::-webkit-scrollbar,
.scrollbar-hide::-webkit-scrollbar {
  display: none;
} */

/* For IE, Edge and Firefox */
/* html,
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
} */

/* body {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  overscroll-behavior-y: none;
} */

@layer base {
  :root {
    --text-50: #ffffff;
    --text-100: #e6e6e6;
    --text-200: #cccccc;
    --text-300: #b3b3b3;
    --text-400: #999999;
    --text-500: #808080;
    --text-600: #666666;
    --text-700: #4d4d4d;
    --text-800: #333333;
    --text-900: #1a1a1a;
    --text-950: #0d0d0d;
    
    --background-50: #ffffff;
    --background-100: #e6e6e6;
    --background-200: #cccccc;
    --background-300: #b3b3b3;
    --background-400: #999999;
    --background-500: #808080;
    --background-600: #666666;
    --background-700: #4d4d4d;
    --background-800: #333333;
    --background-900: #1a1a1a;
    --background-950: #0d0d0d;
    
    --primary-50: #e9eafc;
    --primary-100: #d2d4f9;
    --primary-200: #a5a9f3;
    --primary-300: #787eed;
    --primary-400: #4b53e7;
    --primary-500: #1f28e0;
    --primary-600: #1820b4;
    --primary-700: #121887;
    --primary-800: #0c105a;
    --primary-900: #06082d;
    --primary-950: #030416;
    
    --secondary-50: #f0f0f5;
    --secondary-100: #e1e0eb;
    --secondary-200: #c4c2d6;
    --secondary-300: #a6a3c2;
    --secondary-400: #8885ad;
    --secondary-500: #6a6699;
    --secondary-600: #55527a;
    --secondary-700: #403d5c;
    --secondary-800: #2b293d;
    --secondary-900: #15141f;
    --secondary-950: #0b0a0f;
    
    --accent-50: #fbeaea;
    --accent-100: #f7d4d4;
    --accent-200: #eeaaaa;
    --accent-300: #e67f7f;
    --accent-400: #dd5555;
    --accent-500: #d52a2a;
    --accent-600: #aa2222;
    --accent-700: #801919;
    --accent-800: #551111;
    --accent-900: #2b0808;
    --accent-950: #150404;
    
  }
  .dark {
    --text-50: #111008;
    --text-100: #222011;
    --text-200: #494841;
    --text-300: #666459;
    --text-400: #8b897c;
    --text-500: #adaa95;
    --text-600: #bdbbaf;
    --text-700: #ceccc0;
    --text-800: #dad7cc;
    --text-900: #ecebe4;
    --text-950: #f7f5ee;
    
    --background-50: #0e0d0c;
    --background-100: #1c1b17;
    --background-200: #37362f;
    --background-300: #535146;
    --background-400: #6e6b5e;
    --background-500: #8a8675;
    --background-600: #a19e91;
    --background-700: #b9b7ac;
    --background-800: #d0cfc8;
    --background-900: #e8e7e3;
    --background-950: #f3f3f1;
/*     
    --primary-50: #030416;
    --primary-100: #06082d;
    --primary-200: #0c105a;
    --primary-300: #121887;
    --primary-400: #1820b4;
    --primary-500: #1f28e0;
    --primary-600: #4b53e7;
    --primary-700: #787eed;
    --primary-800: #a5a9f3;
    --primary-900: #d2d4f9;
    --primary-950: #e9eafc;
    
    --secondary-50: #0b0a0f;
    --secondary-100: #15141f;
    --secondary-200: #2b293d;
    --secondary-300: #403d5c;
    --secondary-400: #55527a;
    --secondary-500: #6a6699;
    --secondary-600: #8885ad;
    --secondary-700: #a6a3c2;
    --secondary-800: #c4c2d6;
    --secondary-900: #e1e0eb;
    --secondary-950: #f0f0f5;
    
    --accent-50: #150404;
    --accent-100: #2b0808;
    --accent-200: #561010;
    --accent-300: #811818;
    --accent-400: #ab2121;
    --accent-500: #d62929;
    --accent-600: #de5454;
    --accent-700: #e77e7e;
    --accent-800: #efa9a9;
    --accent-900: #f7d4d4;
    --accent-950: #fbeaea; */
    
  }
}