/* 
Utlity classes - some from ATO
ADD and UPDATE ATO ones

*/



.calluna-regular, .serif {
  font-variant-numeric: tabular-nums;
}    

.display-none {
  display: none !important;
}


.border-radius {
  /* border-radius: 18px; */
  border-radius: var(--border-radius);
}
.border-radius-lg {
  border-radius: var(--border-radius-lg);
}

.textxs {
    font-size:.75rem !important;
    line-height:1rem !important;
}
.textsm {
    font-size:.875rem !important;
    line-height:1.25rem !important;
}
.textbase {
    font-size:1rem !important;
    line-height:1.3rem !important;
}
.textlg {
    font-size:1.125rem !important;
    line-height:1.75rem !important;
}
.textxl {
    font-size:1.25rem !important;
    line-height:1.2 !important;
}
.text2xl {
    font-size:1.5rem !important;
    line-height:1.2 !important;
}
.text3xl {
    font-size:1.875rem !important;
    line-height:1.2 !important;
}
.text4xl {
    font-size:2.25rem !important;
    line-height:2.5 !important;
}
.text5xl {
    font-size:3rem !important;
    line-height:1.1 !important;
}
.text6xl {
    font-size:3.75rem !important;
    line-height:1.1 !important;
}
.text7xl {
    font-size:4.5rem !important;
    line-height:1.1 !important;
}
.text8xl {
    font-size:6rem !important;
    line-height:1.1 !important;
}
.text9xl {
    font-size:8rem !important;
    line-height:1.1 !important;
}

/*  mobile */
@media screen and (max-width: 768px) {
    .text2xl {
        font-size: 1.3rem !important;
    }
    .text5xl {
        font-size: 2.3rem !important;
    }
}


/* for prototype only */
body[data-colour-palette="luther"] .text-purple {
    color: var(--heading-color) !important;
}