/* Shared base styles for every page. Page-specific CSS stays inline in each
   HTML file's <style> block. */

/* Custom display font. WOFF2 for ~all browsers since 2016 (~96% support);
   OTF as a final fallback for the long tail. */
@font-face {
    font-family: "Tribal Broots";
    src:
        url("/fonts/tribal-broots.woff2") format("woff2"),
        url("/fonts/tribal-broots.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg: #f7ecbb;
    --welcome-cream: #f6e3c3;
    --olive: #afc649;
    --green: #afc649;
    --ink: #4b240e;
    --ink-soft: #4b240e;
    --coral: #ec4942;

    --display: "Tribal Broots", Impact, fantasy;
    --script: "Yellowtail", cursive;
    --type: "Special Elite", "Courier New", monospace;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}