@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap");

:root {
    --brand-brown: #9F512C;
    --brand-navy: #001630;
    --brand-blue: #2E6781;

    --pico-font-family: "Ubuntu", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --pico-primary: var(--brand-blue);
    --pico-link-color: var(--brand-blue);
    --pico-primary-underline: color-mix(in oklab, var(--brand-blue), white 35%);

    --pico-h1-color: var(--brand-navy);
    --pico-h2-color: var(--brand-navy);
    --pico-h3-color: var(--brand-navy);
    --pico-muted-color: color-mix(in oklab, var(--brand-navy), white 40%);
    --pico-border-color: color-mix(in oklab, var(--brand-navy), white 85%);

    color-scheme: light;
}

html,
body {
    font-family: var(--pico-font-family);
}