/* ============================================================
   GARAGE HUB — shared product theme (orange / black industrial)

   Loaded after style.css by every Garage Hub page. Holds only what all
   of them need: the palette overrides, the stage background, and the
   two shared utilities. Page-specific components (hero, tabs, bays,
   pricing, roadmap…) stay in each page's own <style> block.
   ============================================================ */

:root {
  --accent: #ff7a18;
  --grad: linear-gradient(120deg, #ffb347 0%, #ff7a18 50%, #f4600a 100%);
  --grad-soft: linear-gradient(120deg, rgba(255,122,24,.18), rgba(244,96,10,.14));
  --cyan: #ff9a3d;
}

body { background: #08090c; }

.bg-fx {
  background:
    radial-gradient(1100px 680px at 82% -10%, rgba(255,122,24,.20), transparent 58%),
    radial-gradient(900px 560px at 6% 12%, rgba(255,122,24,.10), transparent 55%),
    radial-gradient(900px 900px at 50% 120%, rgba(244,96,10,.12), transparent 60%),
    #08090c;
}

.hex-bg {
  position: fixed; inset: 0; z-index: -2; opacity: .16; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'><path d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16 Z M28 64 L56 80 L56 112 M28 64 L0 80 L0 112' fill='none' stroke='%23ff7a18' stroke-width='1.4'/></svg>");
  mask-image: radial-gradient(circle at 50% 25%, #000 20%, transparent 75%);
}

/* Orbitron display face — the product's own voice, not Logiciel's */
.g-title { font-family: "Orbitron", var(--font); letter-spacing: .01em; }

.breadcrumb {
  display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap;
  color: var(--faint); font-family: var(--font-mono); font-size: .8rem;
}
.breadcrumb a { color: var(--muted); text-decoration: none; }
.breadcrumb a:hover { color: var(--accent); }

@media (max-width: 560px) {
  .breadcrumb { font-size: .74rem; }
  .breadcrumb a { padding-block: 7px; }
}