:root {
  /* COLORS */
  --axili-primary: 196, 100%, 47%;
  --axili-background: 0, 0%, 100%;
  --axili-surface: 212.7, 17.5%, 12.4%;
  --axili-foreground: 180, 1.6%, 37.5%;
  --axili-title: 212.7, 17.5%, 12.4%;

  /* PALETTE */
  --axili-red: 0, 66%, 51%;
  --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: 4px;
  --axili-btn-radius: 2px;

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