:root {
  --color-primary-50: #eef6fc;
  --color-primary-100: #d4e9f7;
  --color-primary-200: #abd2ef;
  --color-primary-300: #78b6e3;
  --color-primary-400: #4d95d2;
  --color-primary-500: #3079bf;
  --color-primary-600: #265f9e;
  --color-primary-700: #224e80;
  --color-primary-800: #213f66;
  --color-primary-900: #1a3050;
  --color-primary-950: #0c1d31;
  --color-secondary-50: #faf7f0;
  --color-secondary-100: #f3ecd9;
  --color-secondary-200: #e7d8b3;
  --color-secondary-300: #d8bf84;
  --color-secondary-400: #c9a65c;
  --color-secondary-500: #bc9043;
  --color-secondary-600: #a4793a;
  --color-secondary-700: #885f31;
  --color-secondary-800: #6f4d2e;
  --color-secondary-900: #5c4029;
  --color-secondary-950: #332113;
  --color-accent-50: #eff6ff;
  --color-accent-100: #d8ebff;
  --color-accent-200: #b6dbff;
  --color-accent-300: #83c1ff;
  --color-accent-400: #6aa6f5;
  --color-accent-500: #4f93ee;
  --color-accent-600: #0a5cbb;
  --color-accent-700: #0c4d97;
  --color-accent-800: #11427b;
  --color-accent-900: #142e5b;
  --color-accent-950: #0c1e3a;
  --color-neutral-50: #faf9f7;
  --color-neutral-100: #f2f0ec;
  --color-neutral-200: #e4e0d8;
  --color-neutral-300: #d3ccc0;
  --color-neutral-400: #b0a695;
  --color-neutral-500: #8c8273;
  --color-neutral-600: #6f6658;
  --color-neutral-700: #574f44;
  --color-neutral-800: #3b362e;
  --color-neutral-900: #262219;
  --color-neutral-950: #1a170f;
  --font-heading: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, sans-serif;
  --radius-DEFAULT: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --anim-tempo: 800ms;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/bricolage-grotesque-latin-wght.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/bricolage-grotesque-latin-ext-wght.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/fonts/hanken-grotesk-latin-wght.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/fonts/hanken-grotesk-latin-ext-wght.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/fonts/hanken-grotesk-latin-wght-italic.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}