:root {
    /* Cor principal */
    --ao-blue: #184688;

    /* Mais escuras */
    --ao-blue-90: #133b73; /* ~10% mais escuro */
    --ao-blue-80: #103360;
    --ao-blue-70: #0c294d;
    --ao-blue-60: #091f3a;

    /* Mais claras */
    --ao-blue-110: #34629c; /* ~10% mais claro */
    --ao-blue-120: #507eb0;
    --ao-blue-130: #6c9ac4;
    --ao-blue-140: #88b6d8;
    --ao-pink: #d1005a;
    --ao-grey-bg: #eeeeee;
    --ao-text: #111;
    --ao-muted: #6b6b6b;
}

@font-face {
    font-family: "Variex OT";
    src: url(./fonts/Variex_Regular/Variex_Regular.ttf);
    font-display: optional;
}

article h1,
aside h1,
nav h1,
section h1 {
    font-size: var(--my-h1-size, 2rem);
}