/* Housedat global brand — shared with homepage */
:root {
    --hd-ink: #0F1612;
    --hd-primary: #1C2B24;
    --hd-sage: #3D5A45;
    --hd-brass: #C4A574;
    --hd-stone: #EEF0ED;
    --hd-paper: #f7f8f6;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Outfit', system-ui, sans-serif;
    background: var(--hd-paper);
    color: var(--hd-ink);
}

.hd-display,
h1, h2 {
    font-family: 'Fraunces', Georgia, serif;
    letter-spacing: -0.02em;
}

/* Logo */
.hd-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    color: inherit;
}

.hd-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
    background: var(--hd-primary);
    color: #fff;
    flex-shrink: 0;
}

.hd-logo-word {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--hd-ink);
}

.hd-logo-word span {
    color: var(--hd-brass);
}

/* Site chrome */
.hd-site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(28, 43, 36, 0.08);
}

.hd-site-header .hd-nav-link {
    color: #5a655e;
    transition: color 0.2s ease;
}

.hd-site-header .hd-nav-link:hover {
    color: var(--hd-primary);
}

.hd-btn-signin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1rem;
    border-radius: 0.35rem;
    background: var(--hd-primary);
    color: #fff !important;
    font-weight: 560;
    font-size: 0.9rem;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hd-btn-signin:hover {
    background: var(--hd-sage);
    transform: translateY(-1px);
}

.hd-site-footer {
    background: var(--hd-ink);
    color: #f4f6f3;
}

.hd-site-footer a {
    color: rgba(244, 246, 243, 0.72);
    transition: color 0.2s ease;
}

.hd-site-footer a:hover {
    color: #fff;
}

.hd-site-footer .hd-logo-word {
    color: #f4f6f3;
}

.hd-site-footer h3 {
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 246, 243, 0.45);
}

/* Buttons / accents used across pages */
.bg-primary {
    background-color: var(--hd-primary) !important;
}

.hover\:bg-secondary:hover,
.bg-secondary {
    background-color: var(--hd-sage) !important;
}

.text-primary {
    color: var(--hd-primary) !important;
}

.border-primary {
    border-color: var(--hd-primary) !important;
}

.focus\:border-primary:focus {
    border-color: var(--hd-primary) !important;
}