@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");

html {
    --chakra-fonts-heading: "Archivo", sans-serif !important;
    --chakra-fonts-body: "Archivo", sans-serif !important;
}

html.light {
    --chakra-colors-global-body-bg: #fcfce8 !important;
    --chakra-colors-bg-primary: #fcfce8 !important;
    --chakra-colors-theme-bg-primary-_light: #fcfce8 !important;
    --chakra-colors-background-base: #fcfce8 !important;
    --chakra-colors-background-page: #fcfce8 !important;
    --chakra-colors-theme-topbar-bg-_light: #aa30110d !important;
    --chakra-colors-gray-50: #aa30110d !important;
    --popover-bg: #aa30110d !important;
    --chakra-colors-link-navigation-bg-selected: #aa30110d !important;
    --chakra-colors-selected-control-bg: #aa30110d !important;
    --chakra-colors-alert-bg-warning_table: #aa30110d !important;
    --chakra-colors-global-body-fg: #1b1d11 !important;
    --chakra-colors-heading: #aa3011 !important;
    --chakra-colors-text-title: #aa3011 !important;
    --chakra-colors-text-base: #1b1d11 !important;
    --chakra-colors-text-muted: #1b1d11cc !important;
    --chakra-colors-link-navigation-fg: #1b1d11 !important;
    --chakra-colors-link-primary: #28426d !important;
    --chakra-colors-link-primary-hover: #1b1d11cc !important;
    --chakra-colors-text-link: #28426d !important;
    --chakra-colors-primary-base: #28426d !important;
    --chakra-colors-button-hero-bg: #aa3011 !important;
    --chakra-colors-theme-button-primary-_light: #aa3011 !important;
    --chakra-colors-button-header-border: #28426d !important;
    --chakra-radii-md: 0px !important;
    --chakra-radii-base: 0px !important;
}

html.light a { color: #28426d !important; }
html.light header img { margin-top: 5px !important; height: 45px !important; }