/* ─────────────────────────────────────────────────────────────
   site-chrome.css — shared chrome for apparel2order

   Single source of truth for the elements that appear on every
   page: brand palette, reset, top nav, breadcrumb, footer. Any
   page that <link>s this file inherits the same chrome.

   2026-06-22: the NAV + FOOTER (+ breadcrumb) rules were moved into
   site-chrome-nav-footer.css and are pulled back in via @import below,
   so pages that can't take the global reset here (the quote wizard)
   can link ONLY that file and still share the exact same nav/footer.
   Edit nav/footer there, not here.

   Pages still own their hero, sections, and unique content. Per-page
   inline <style> blocks may override these rules if a page genuinely
   needs different chrome behavior, but the default behavior here
   should be the canonical look.

   Built 2026-05-25 (replaces the duplicated nav/footer blocks that
   used to live in each page's inline <style>).
   ───────────────────────────────────────────────────────────── */

/* @import must precede all other rules. Pulls in the shared nav/footer
   so existing pages that link site-chrome.css are unchanged. */
@import url('site-chrome-nav-footer.css');

/* ───── BRAND VARIABLES ─────
   Available everywhere via the cascade. Pages may redefine in their
   own :root if they need an override (e.g. a darker accent on a
   special promo page). */
:root {
  --ink: #0d0d0d;
  --ink-2: #1a1a1a;
  --paper: #ffffff;
  --cream: #eeeeec;
  --cream-2: #d8d8d4;
  --accent: #ff4d1c;
  --accent-2: #ffb347;
  --muted: #6b665e;
  --line: rgba(13, 13, 13, 0.12);
}

/* ───── RESET ───── */
* { box-sizing: border-box; margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

/* ───── TYPOGRAPHY UTILITIES ───── */
.mono {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.em {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-weight: 400;
}