/* =========================================
   Footer – Configurable Design Tokens
   ========================================= */

:root {
  --footer-bg: #111827;          /* background color */
  --footer-text: #e5e7eb;        /* primary text */
  --footer-muted: #9ca3af;       /* secondary text */

  --footer-title-size: 1.1rem;
  --footer-body-size: 0.95rem;

  --footer-font: system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, sans-serif;
}

/* =========================================
   Footer Base
   ========================================= */

.site-footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
  font-family: var(--footer-font);
}

/* =========================================
   Typography
   ========================================= */

.site-footer .footer-title {
  font-size: var(--footer-title-size);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.site-footer .footer-text {
  font-size: var(--footer-body-size);
  color: var(--footer-muted);
  line-height: 1.6;
}