:root {
    --brand-green: #1abc9c;
    --brand-green-dark: #16a085;
    --brand-blue-bg: #EBF5FF;
    --brand-blue-button: #60A5FA;
    --brand-blue-button-hover: #3B82F6;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
}
.header-bg { background-color: var(--brand-green); }
.hero-bg { background-color: var(--brand-blue-bg); }
.stat-text { color: var(--brand-green); }
.result-box {
    border: 2px dashed #D1D5DB;
    background-color: #F9FAFB;
}
.calc-settings-card {
    background-color: #ffffff;
    border: 1px solid #E5E7EB;
}
.primary-btn {
    background-color: var(--brand-blue-button);
    color: white;
    transition: background-color 0.2s ease-in-out;
}
.primary-btn:hover {
    background-color: var(--brand-blue-button-hover);
}
.secondary-btn {
    background-color: var(--brand-green);
    color: white;
    transition: background-color 0.2s ease-in-out;
}
.secondary-btn:hover {
    background-color: var(--brand-green-dark);
}
.dark-footer-bg { background-color: #1F2937; }
.faq-question:hover .faq-arrow { color: var(--brand-green); }
.rotate-180 { transform: rotate(180deg); }
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}