:root {
  /* COLORS */
  --axili-primary: 41, 35%, 55%;
  --axili-background: 0, 0%, 15%;
  --axili-foreground: 0, 0%, 73%;
  --axili-title: 0, 0%, 100%;

  /* 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;
}