/* Tijaro storefront — shared boot stylesheet (CMS2-6.14)
   Loaded for every tenant before the per-tenant theme.css. Holds the bits
   that are NOT brand-specific: CSS reset, font @import, base body styling,
   generic responsive section paddings, hero-canvas positioning utility.
   Brand tokens, lm-* button/card/chip classes, nav chrome, etc. live in the
   per-tenant theme.css (DB-backed via cms-bundles/<tenant>/stylesheets/).

   REQUIRED TOKENS (per-tenant theme.css MUST declare these):
     --lm-bg     — page background (used by html, body)
     --lm-ink    — body text colour (used by html, body)
     --lm-sans   — default sans-serif font stack (used by body font-family)
   A theme.css that omits any of these renders the body unstyled. The pilot
   bundle at cms-bundles/asharafs/ ships all three plus the full --lm-*
   palette; copy that file as a starting template for new tenants.

   DO NOT add `:root { --lm-* }` declarations here. Tokens belong in the
   per-tenant theme.css so each tenant can override. Adding them here would
   shadow tenant values via cascade order (boot.css loads first, so any
   :root here would lexically precede theme.css's :root at the same
   specificity).
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; background: var(--lm-bg); color: var(--lm-ink); }

body {
  font-family: var(--lm-sans);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'ss01', 'ss02', 'cv11';
}

/* Generic flex utility — no brand colors. */
.lm-heat { display: inline-flex; gap: 2px; }

/* Section paddings */
.lm-section    { padding: 120px 64px; }
.lm-section-sm { padding: 80px 64px; }

/* Hero scene gradients (used by JS to swap canvas background) */
.lm-hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

/* Mobile responsive */
@media (max-width: 768px) {
  .lm-section    { padding: 72px 24px; }
  .lm-section-sm { padding: 56px 24px; }
}