:root {
    --typeface-font-family: "neue-haas-unica", sans-serif;

    --typeface-title-color: var(--amplify-dark-90);
    --typeface-title-font-family: "neue-haas-unica", sans-serif;

    --typeface-headline-color: var(--amplify-dark-90);
    --typeface-headline-font-family: "neue-haas-unica", sans-serif;

    --typeface-subhead-color: var(--amplify-dark-90);
    --typeface-subhead-font-family: "neue-haas-unica", sans-serif;

    --typeface-large-color: var(--amplify-dark-90);
    --typeface-large-font-family: "proxima-nova", sans-serif;

    --typeface-regular-color: var(--amplify-dark-90);
    --typeface-regular-font-family: "proxima-nova", sans-serif;

    --typeface-small-color: var(--amplify-dark-90);
    --typeface-small-font-family: "proxima-nova", sans-serif;

    --typeface-overline-color: var(--amplify-dark-90);
    --typeface-overline-font-family: "proxima-nova", sans-serif;
}

[typeface*="title"] {
    color: var(--typeface-title-color, var(--typeface-color));
}

[typeface*="headline"] {
    color: var(--typeface-headline-color, var(--typeface-color));
}

[typeface*="subhead"] {
    color: var(--typeface-subhead-color, var(--typeface-color));
}

[typeface*="large"]:not([typeface*=":large"]) {
    color: var(--typeface-large-color, var(--typeface-color));
}

[typeface*="regular"] {
    color: var(--typeface-regular-color, var(--typeface-color));
}

[typeface*="small"]:not([typeface*=":small"]) {
    color: var(--typeface-small-color, var(--typeface-color));
}

[typeface*="overline"] {
    color: var(--typeface-overline-color, var(--typeface-color));
}