@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Book-BF66160450c2e92.ttf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-BookItalic-BF661604511b981.ttf")
        format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Medium-BF66160450d988d.ttf")
        format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-MediumItalic-BF6616045177c71.ttf")
        format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Semibold-BF66160451692c7.ttf")
        format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-SemiboldItalic-BF661604516314e.ttf")
        format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Bold-BF6616045097aac.ttf")
        format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-BoldItalic-BF6616045093ed8.ttf")
        format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Extrabold-BF66160450eba9a.ttf")
        format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-ExtraboldItalic-BF66160450eba9a.ttf")
        format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-Heavy-BF6616045153731.ttf")
        format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Copernicus";
    src: url("/copernicus-font-family/CopernicusTrial-HeavyItalic-BF66160450d4830.ttf")
        format("truetype");
    font-weight: 900;
    font-style: italic;
}

body {
    background-color: #faf9f5;
    color: hsl(60 2.6% 7.6%);
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    font-family:
        "Copernicus",
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        sans-serif;
}

main {
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 20px;
}

@media (prefers-color-scheme: dark) {
    .shiki,
    .shiki span {
        color: var(--shiki-dark) !important;
        background-color: var(--shiki-dark-bg) !important;
        /* Optional, if you also want font styles */
        font-style: var(--shiki-dark-font-style) !important;
        font-weight: var(--shiki-dark-font-weight) !important;
        text-decoration: var(--shiki-dark-text-decoration) !important;
    }
}