/* Storefront base styles. Tenant branding is injected at runtime via the
   :root CSS vars set in _Layout.cshtml. Keep this file lean — page-specific
   styles belong in their respective .cshtml files. */

html, body { height: 100%; }

a { color: var(--brand); }
a:hover { color: var(--brand-dark); }

.hero-eyebrow { letter-spacing: .12rem; text-transform: uppercase; font-size: .85rem; opacity: .8; }
.hero-title { font-size: 3rem; font-weight: 700; line-height: 1.1; }
@media (max-width: 768px) { .hero-title { font-size: 2.2rem; } }

.section { padding: 4rem 0; }
.section-tight { padding: 2.5rem 0; }
.section-light { background: #f9fafb; }

.card-shadow { background:#fff; border:1px solid #e5e7eb; border-radius:.75rem; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.text-eyebrow { color: var(--brand); font-weight:600; letter-spacing:.05em; text-transform:uppercase; font-size:.85rem; }