@font-face {
  font-family: 'Jura';
  src: url('/wp-content/themes/axili-hologate/public/jura.ttf')
    format('truetype');
  font-weight: normal;
}

:root {
  /* COLORS */
  --axili-primary: 255, 66%, 55%;
  --axili-background: 248, 41%, 10%;
  --axili-surface: 256, 34%, 15%;
  --axili-foreground: 0, 0%, 100%;
  --axili-title: 0, 0%, 100%;

  /* PALETTE */
  --axili-red: 338, 83%, 47%;
  --axili-gray: 0, 0%, 85%;
  --axili-green: 123, 43%, 39%;

  /* SIZES */
  --axili-container-width: 1200px;
  --axili-container-small: 900px;
  --axili-container-xs: 600px;
  --axili-header-height: 56px;
  --axili-box-radius: 16px;
  --axili-btn-radius: 2px;

  /* FONTS */
  --axili-font-family: 'Jura', sans-serif;
  --axili-font-title:
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}