:root {
    --capalo-dark-grey: #283941;
    --capalo-muted-grey: #53646c;
    --capalo-forest-green: #678e7c;
    --capalo-sky-blue: #4591a3;
    --capalo-greenish-light-grey: #f5f7f4;
    --capalo-red: #e71c2a;

    --tblr-font-sans-serif: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tblr-body-bg: var(--capalo-greenish-light-grey);
    --tblr-body-color: var(--capalo-dark-grey);
    --tblr-muted: var(--capalo-muted-grey);
    --tblr-muted-rgb: 83, 100, 108;
    --tblr-secondary-color: var(--capalo-muted-grey);
    --tblr-secondary-color-rgb: 83, 100, 108;
    --tblr-border-color: rgba(40, 57, 65, 0.16);
    --tblr-focus-ring-color: rgba(103, 142, 124, 0.35);

    --tblr-primary: var(--capalo-dark-grey);
    --tblr-primary-rgb: 40, 57, 65;
    --tblr-primary-fg: #ffffff;
    --tblr-primary-darken: #1f2d33;
    --tblr-primary-lt: rgba(40, 57, 65, 0.1);

    --tblr-secondary: var(--capalo-muted-grey);
    --tblr-secondary-rgb: 83, 100, 108;
    --tblr-secondary-fg: #ffffff;
    --tblr-secondary-darken: #46565e;
    --tblr-secondary-lt: rgba(83, 100, 108, 0.12);

    --tblr-info: var(--capalo-sky-blue);
    --tblr-info-rgb: 69, 145, 163;
    --tblr-info-fg: #ffffff;
    --tblr-info-darken: #3a7a8a;
    --tblr-info-lt: rgba(69, 145, 163, 0.12);

    --tblr-danger: var(--capalo-red);
    --tblr-danger-rgb: 231, 28, 42;
    --tblr-danger-fg: #ffffff;
    --tblr-danger-darken: #c5162d;
    --tblr-danger-lt: rgba(231, 28, 42, 0.12);

    --tblr-link-color: var(--capalo-dark-grey);
    --tblr-link-hover-color: var(--capalo-forest-green);
}

.container-tight {
    max-width: 32rem;
}

/* Reserve space for the scrollbar on every page so centered containers
   (e.g. the navbar) don't shift when navigating between short and long pages. */
html {
    scrollbar-gutter: stable;
}