@import "blades.css";

@font-face {
    font-family: "Baskervville";
    src: url(./fonts/Baskervville-VariableFont_wght.ttf);
}

:root, :host {
    --pico-font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
}

[data-theme="light"],
:root:not([data-theme="dark"]) {
    --pico-primary: #6D5818;
    --pico-primary-hover: #9C9159;
    --pico-primary-underline: #6D5818;
    --pico-primary-background: #6D5818;
    --pico-primary-hover-background: #9C9159; 
} 

html {
    background-image: url("images/ring-bg-15-offset.svg");
    background-size: 225%;
}

.container {
    max-width: min(45rem, 95%);
}

h1, h2, h3, h4, h5, h6 {
    --pico-font-family: Baskervville;
    --pico-font-weight: 500;
    font-variant-numeric: lining-nums;
}

footer {
    margin-top: 2rem;
    border-top: 1px solid var(--pico-primary);
    padding-top: 2rem;
    text-align: center;
}

nav, a[role="button"] {
    font-family:  system-ui, sans-serif;
}

.logobox img {
    display: block;
    max-width: max(80%, 25rem);
    margin: auto;
    padding-bottom: 5%;
}

.smalllogo img {
    max-width: min(80%, 25rem);
    padding-bottom: 1.75rem;
}

.campname {
    text-align: center;
    padding-bottom: 0.5rem;
} 

.ord {
    text-decoration: underline;
    font-size: 60%;
}

/* navbar */
.hamburger {
    margin-top: -10px;
    padding: 4px;
}