/* Import Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');

/* Adventure V1 Font Faces */
@font-face {
  font-family: 'Adventure V1';
  src: url('../../fonts/Adventure-V1-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adventure V1';
  src: url('../../fonts/Adventure-V1-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adventure V1';
  src: url('../../fonts/Adventure-V1-SemiBold.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adventure V1';
  src: url('../../fonts/Adventure-V1-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Adventure V1';
  src: url('../../fonts/Adventure-V1-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* CSS Variables */
:root {
  /* Colors */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-black-transparent-35: rgba(0, 0, 0, 0.35);
  --color-black-transparent-50: rgba(0, 0, 0, 0.5);
  --color-white-transparent-35: rgba(255, 255, 255, 0.35);
  --color-white-transparent-50: rgba(255, 255, 255, 0.5);
  --color-border-light: rgba(0, 0, 0, 0.1);

  /* Fonts */
  --font-inter: 'Adventure V1', sans-serif;
  --font-sf-pro: 'Adventure V1', sans-serif;

  /* Font sizes */
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 22px;
  --font-size-xl: 24px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 48px;

  /* Line heights */
  --line-height-xs: 11px;
  --line-height-sm: 16px;
  --line-height-base: 25px;
  --line-height-md: 40px;
  --line-height-lg: 45px;
  --line-height-xl: 50px;

  /* Spacing */
  --spacing-xs: 2px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 15px;
  --spacing-xl: 20px;
  --spacing-xxl: 30px;
  --spacing-xxxl: 80px;

  /* Transitions */
  --transition-speed: 0.3s;

  /* Z-indexes */
  --z-index-base: 1;
  --z-index-menu: 99;
  --z-index-header: 999;
  --z-index-overlay: 1000;
  --z-index-modal: 1001;
}