:root {
--hcw-charcoal: #324344;
--hcw-charcoal-light: #4a5f60;
--hcw-terracotta: #EF653A;
--hcw-terracotta-dark: #d2542e;
--hcw-terracotta-light: #fdece5;
--hcw-cream: #FAF8F5;
--hcw-border: #e2ddd6;
--hcw-text: #3a3a38;
--hcw-text-muted: #6b6b68;
--font-display: 'Sora', sans-serif;
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
body {
font-family: var(--font-body);
color: var(--hcw-text);
background: #fff;
font-size: 16px;
line-height: 1.6;
}
h1, h2, h3, h4, .site-title, .site-logo-text {
font-family: var(--font-display);
color: var(--hcw-charcoal);
font-weight: 700;
line-height: 1.2;
} .site-header,
#masthead {
background: #fff;
border-bottom: 1px solid var(--hcw-border);
}
.main-navigation .main-nav ul li a,
.main-navigation a,
#site-navigation a,
.gen-sidebar-nav a,
.menu-item a {
font-family: var(--font-body) !important;
font-weight: 600 !important;
font-size: 15px;
color: var(--hcw-charcoal) !important;
text-decoration: none;
transition: color 0.15s ease;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation a:hover,
#site-navigation a:hover,
.gen-sidebar-nav a:hover,
.menu-item a:hover {
color: var(--hcw-terracotta) !important;
} .btn,
.wp-block-button__link,
button[type="submit"] {
display: inline-block;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
padding: 12px 24px;
border-radius: 6px;
background: var(--hcw-terracotta);
color: #fff;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.15s ease, transform 0.1s ease;
}
.btn:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover {
background: var(--hcw-terracotta-dark);
color: #fff;
}
.btn:active,
.wp-block-button__link:active {
transform: scale(0.98);
}
.btn--outline {
background: transparent;
color: var(--hcw-charcoal);
border: 2px solid var(--hcw-charcoal);
}
.btn--outline:hover {
background: var(--hcw-charcoal);
color: #fff;
} .tool-card {
display: block;
background: #fff;
border: 1px solid var(--hcw-border);
border-radius: 10px;
padding: 24px;
text-decoration: none;
transition: border-color 0.15s ease, transform 0.15s ease;
}
.tool-card:hover {
border-color: var(--hcw-terracotta);
transform: translateY(-2px);
}
.tool-card__label {
font-family: var(--font-mono);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--hcw-terracotta);
margin-bottom: 8px;
display: block;
}
.tool-card__title {
font-family: var(--font-display);
font-size: 19px;
font-weight: 700;
color: var(--hcw-charcoal);
margin: 0 0 6px;
}
.tool-card__desc {
font-size: 14px;
color: var(--hcw-text-muted);
margin: 0;
} .calc-output,
.calc-result {
font-family: var(--font-mono);
font-weight: 600;
color: var(--hcw-charcoal);
} #colophon,
.site-footer,
.footer-widgets,
.footer-widgets-container {
background-color: var(--hcw-charcoal) !important;
}
.footer-widgets .widget {
background: transparent !important;
color: #d8dedd;
}
.footer-widgets .widget-title {
font-family: var(--font-display);
color: #fff;
font-size: 14px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.footer-legal {
max-width: 1100px;
margin: 0 auto;
padding: 24px 0;
text-align: center;
}
.footer-legal__copyright {
font-size: 13px;
color: #d8dedd;
margin: 0 0 12px;
}
.footer-legal__links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.footer-legal__links a {
font-size: 13px;
color: #d8dedd;
text-decoration: none;
}
.footer-legal__links a:hover {
color: var(--hcw-terracotta);
}
.site-info {
display: none;
}