/* ============================================================
   Theme: ROASTER  -  industrial, third-wave specialty coffee
   ------------------------------------------------------------
   For: roasteries / specialty coffee bars / espresso-forward
   cafes. Mood: a working roastery. Raw concrete and kraft, a
   burnt-orange accent, a heavy grotesque shouting in uppercase,
   monospace prices and labels like a spec sheet. Hard corners,
   high contrast, nothing decorative.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');

.theme-roaster {
  /* -------- Surfaces (warm concrete + kraft) ------------- */
  --bg:        #E8E5DE;
  --bg-2:      #DAD6CC;
  --surface:   #F4F2EC;

  /* -------- Text (hard near-black) ----------------------- */
  --fg:            #1C1A17;
  --fg-muted:      #5E584F;
  --heading-color: #161410;

  /* -------- Accent (burnt orange) + kraft amber ---------- */
  --accent:        #C24E1E;
  --accent-bright: #AD451A;   /* readable links/prices on light */
  --accent-hover:  #9C3D14;
  --accent-2:      #BC8A4A;   /* kraft amber - visible on dark  */
  --on-accent:     #FFFFFF;

  --hairline:   rgba(28, 26, 23, 0.16);
  --hairline-2: rgba(28, 26, 23, 0.30);

  /* -------- Hero (strong industrial veil) ---------------- */
  --hero-ink: #FFFFFF;
  --hero-min-h: 90vh;
  --hero-overlay:
    linear-gradient(180deg, rgba(20,18,15,0.56) 0%, rgba(20,18,15,0.44) 42%, rgba(15,13,10,0.88) 100%),
    linear-gradient(100deg, rgba(194,78,30,0.12) 0%, transparent 62%);

  /* -------- Footer (hard black) -------------------------- */
  --footer-bg:     #161410;
  --footer-fg:     rgba(255, 255, 255, 0.72);
  --footer-strong: #FFFFFF;
  --footer-head:   #E0703A;

  /* -------- Type ----------------------------------------- */
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.8rem, 7vw + 1rem, 6rem);
  --heading-weight: 800;
  --heading-tracking: -0.02em;
  --eyebrow-tracking: 0.22em;

  /* -------- Hard corners --------------------------------- */
  --radius-1: 0;
  --radius-2: 0;
  --radius-3: 2px;
  --radius-pill: 2px;   /* even buttons are squared off       */
  --radius-btn: 2px;    /* hard, industrial                   */
  --rule-color: var(--accent);
  --shadow-1: 0 1px 2px rgba(28,26,23,0.08), 0 6px 18px rgba(28,26,23,0.10);
  --shadow-2: 0 14px 36px rgba(28,26,23,0.18);
}

/* ---- Structural personality: industrial spec-sheet -------- */

/* Monospace eyebrows + labels, like a roast card */
.theme-roaster .eyebrow {
  font-family: 'Space Mono', ui-monospace, monospace;
  font-weight: 700;
}
/* Headings stamp in uppercase */
.theme-roaster h1,
.theme-roaster h2,
.theme-roaster .footer__wordmark { text-transform: uppercase; }

/* Boxy menu cards on kraft, heavy accent rule, mono prices */
.theme-roaster .menu-group {
  background: var(--surface);
  border: 1px solid var(--hairline-2);
  border-radius: 0;
  box-shadow: none;
}
.theme-roaster .menu-group__title { border-bottom: 3px solid var(--accent); }
.theme-roaster .menu-group__title h3 { text-transform: uppercase; letter-spacing: 0.01em; }
.theme-roaster .menu-row__price {
  font-family: 'Space Mono', ui-monospace, monospace;
  color: var(--accent);
}

/* Buttons stamp in uppercase, like the headings - industrial spec-sheet */
.theme-roaster .btn { text-transform: uppercase; letter-spacing: 0.08em; }