:root {
    --hm-primary: #0C447C;
    --hm-primary-light: #E6F1FB;
    --hm-primary-mid: #B5D4F4;
    --hm-primary-dark: #042C53;

    --hm-accent: #D85A30;
    --hm-accent-light: #FAECE7;
    --hm-accent-mid: #F5C4B3;
    --hm-accent-dark: #4A1B0C;

    --hm-card-1-bg: #E1F5EE;
    --hm-card-1-fg: #0F6E56;
    --hm-card-2-bg: #FAEEDA;
    --hm-card-2-fg: #854F0B;
    --hm-card-3-bg: #EAF3DE;
    --hm-card-3-fg: #3B6D11;

    --hm-text: #2C2C2A;
    --hm-text-muted: #5F5E5A;
    --hm-text-soft: #888780;
    --hm-bg: #FBFAF7;
    --hm-surface: #FFFFFF;
    --hm-border: rgba(44, 44, 42, 0.12);

    --hm-radius-sm: 6px;
    --hm-radius-md: 10px;
    --hm-radius-lg: 14px;
    --hm-max-width: 1200px;
}

.hm-site a {
    color: var(--hm-primary);
}

.hm-nav a {
    color: var(--hm-primary-mid);
}

.hm-logo {
    color: var(--hm-primary-light) !important;
}

.hm-footer__inner a {
    color: var(--hm-text-soft);
}

.hm-error__code {
    color: var(--hm-text-soft);
}
.hm-error__message {
    color: var(--hm-text-muted);
}

body.hm-site {
    color: var(--hm-text);
    background: var(--hm-bg);
}

.hm-main h1,
.hm-main h2,
.hm-main h3 {
    color: var(--hm-text);
}

.hm-header {
    background: var(--hm-primary);
    color: var(--hm-primary-light);
}

.hm-logo__scale {
    color: var(--hm-primary-mid);
}




.hm-nav a:hover,
.hm-nav .current a,
.hm-nav .active a {
    color: var(--hm-primary-light);
}

.hm-nav-toggle {
    color: var(--hm-primary-light);
}

.hm-hero p {
    color: var(--hm-text-muted);
}

.hm-button--accent {
    background: var(--hm-accent);
    color: var(--hm-accent-light);
}

.hm-button--accent:hover {
    background: var(--hm-accent-dark);
}

.hm-card__content {
    color: var(--hm-text-muted);
}

.hm-history-card {
    background: var(--hm-accent-light);
}

.hm-history-card__title {
    color: var(--hm-accent-dark);
}

.hm-history-card__content {
    color: var(--hm-accent-dark);
}

.hm-history-card__media {
    background: var(--hm-accent-mid);
}

/* ---------- Footer ---------- */

.hm-footer {
    background: var(--hm-surface);
    border-top: 0.5px solid var(--hm-border);
}

.hm-footer__inner {
    color: var(--hm-text-soft);
}

.hm-history__inner .mod-custom.custom {
    background: var(--hm-accent-light, #FAECE7);
}

.hm-gallery__grid .hm-card:nth-child(3n+1) .hm-card__media { background: var(--hm-card-1-bg); }
.hm-gallery__grid .hm-card:nth-child(3n+2) .hm-card__media { background: var(--hm-card-2-bg); }
.hm-gallery__grid .hm-card:nth-child(3n+3) .hm-card__media { background: var(--hm-card-3-bg); }

.hm-card__media {
    background: var(--hm-card-1-bg);
}

.hm-hero {
    background: var(--hm-primary-light);
    border-bottom: 0.5px solid var(--hm-border);
}

.hm-nav-toggle__bar {
    background: var(--hm-primary-light);
}