/* ============================================================
   Theme: Modern Slate
   Contemporary minimal — charcoal slate, deep teal accent,
   clean geometric sans throughout. The "modern SaaS" look.
   ============================================================ */
:root {
    --font-display: 'Avenir Next', 'Helvetica Neue', -apple-system, 'Segoe UI', sans-serif;
    --font-body: 'Avenir Next', 'Helvetica Neue', -apple-system, 'Segoe UI', sans-serif;

    --bg: #fafafa;
    --bg-alt: #f0f2f2;
    --surface: #ffffff;
    --border: #e2e5e7;

    --ink: #374151;
    --ink-strong: #111827;
    --ink-soft: #6b7280;

    --accent: #0f766e;
    --accent-hover: #0d5f58;
    --accent-contrast: #ffffff;

    --hero-bg: #1f2937;
    --hero-overlay: rgba(17, 24, 39, 0.35);
    --hero-ink: #f9fafb;

    --header-bg: #ffffff;
    --header-ink: #111827;

    --footer-bg: #111827;
    --footer-ink: #9ca3af;

    --btn-radius: 8px;
    --card-radius: 12px;
    --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
}