:root {
    --paper: #F4F7F5;
    --copper: #D4653A;
    --ink: #1A2428;
    --marine: #1E4A45;
}

html, body {
    background: var(--paper) !important;
    color: var(--ink);
}

h1, h2, h3, .font-display {
    font-family: "Bricolage Grotesque", sans-serif;
    letter-spacing: -0.03em;
}

.uppercase {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

::selection { background: var(--copper); color: #1A0E08; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #E7F0EA; }
::-webkit-scrollbar-thumb { background: #C5D0CB; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8AA099; }

.umbral-mark {
    width: 10px;
    height: 10px;
    background: var(--copper);
    display: inline-block;
    flex: none;
}