/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: 'Satoshi-Variable';
  src: url("/assets/Satoshi-Variable-0513381f.woff2") format('woff2'),
       url("/assets/Satoshi-Variable-cd170a9d.woff") format('woff'),
       url("/assets/Satoshi-Variable-a84003fd.ttf") format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url("/assets/Satoshi-VariableItalic-7955f7fb.woff2") format('woff2'),
       url("/assets/Satoshi-VariableItalic-3a69aa0d.woff") format('woff'),
       url("/assets/Satoshi-VariableItalic-8e6ab5b4.ttf") format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

:root {
  --font-sans: 'Inter', 'Satoshi-Variable', sans-serif;
  --font-sans-italic: 'Inter', 'Satoshi-VariableItalic', sans-serif;

  --text-primary: #E5E7EB;
  --text-secondary: #9CA3AF;
  --text-heading: #F9FAFB;
  --text-muted: #6B7280;

  --primary: #000f89;
  --dark: #0e1012;
  --light: #fff;

  --gray-1: #101011;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #2a2a2b;
  --gray-5: #313132;
  --gray-6: #3a3a3b;
  --gray-7: #484849;
  --gray-8: #616162;
  --gray-9: #6f6f70;
  --gray-10: #7c7c7d;
  --gray-11: #b4b4b5;
  --gray-12: #eeeeef;

  --gray-surface: rgba(0, 0, 0, 0.05);
  --gray-indicator: #6f6f70;
  --gray-track: #6f6f70;

  --blue-1: #000;
  --blue-2: #050f28;
  --blue-3: #03195f;
  --blue-4: #00168d;
  --blue-5: #0222a2;
  --blue-6: #0731b3;
  --blue-7: #0f3ecd;
  --blue-8: #124af4;
  /* --blue-9: #000f89; */
  --blue-10: #042aa9;
  --blue-11: #8ab4ff;
  --blue-12: #cee3ff;

  --blue-a1: #00000000;
  --blue-a2: #2060ff28;
  --blue-a3: #0944ff5f;
  --blue-a4: #0028ff8d;
  --blue-a5: #0336ffa2;
  --blue-a6: #0a46ffb3;
  --blue-a7: #134dffcd;
  --blue-a8: #134dfff4;
  --blue-a9: #001cff89;
  --blue-a10: #0640ffa9;

  --blue-surface: #0a1e5080;
  /* --blue-indicator: #000f89; */
  /* --blue-track: #000f89; */

  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-48: 3rem;
  --font-size-64: 4rem;
}