/*
 * De letters van Garagemaatje, meegeleverd zodat er niets van Google geladen
 * hoeft te worden (AVG). Cal Sans voor koppen, Inter voor tekst; beide onder de
 * SIL Open Font License. Een @font-face moet op de pagina zelf staan, ook voor
 * de planner in zijn shadow root; daarom een eigen bestand.
 *
 * Inter heet hier "GM Inter", zodat een thema dat zelf Inter laadt er niets van merkt.
 */
@font-face {
    font-family: "Cal Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/cal-sans-400.woff2") format("woff2");
}

@font-face {
    font-family: "GM Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-wght.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * De planner (de shadow host) telt als "focus" zodra er binnenin iets focus heeft;
 * veel thema's tekenen dan een rand om het hele blok. De planner tekent zijn eigen
 * focusringen, dus die rand hoort er niet.
 */
.gm-planner:focus,
.gm-planner:focus-visible,
.gm-planner:focus-within {
    outline: none !important;
    box-shadow: none !important;
}