/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #120e07;
  --bg-gradient: radial-gradient(90% 70% at 20% 0%, rgba(247,201,72,0.14), transparent 60%);
  --surface: rgba(28,22,12,0.78);
  --ink: #f6efdc;
  --ink-dim: #a3907090;
  --accent: #f7c948;
  --accent-2: #e4572e;
  --on-accent: #1a1206;
  --line: rgba(247,201,72,0.22);
  --sign-ink: #f7c948;
  --sign-tracking: 0.04em;
  --sign-shadow: 0 2px 0 #7a5c10, 0 0 34px rgba(247,201,72,0.35);
  --card-radius: 3px;
  --grain-opacity: 0.07;
  --font-display: "Anton", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
      /* the masthead IS the painted shop board */
      .sign{background:#f7c948;color:#1a1206;padding:10px clamp(14px,3vw,26px) 12px;
        border-radius:2px;transform:rotate(-1deg);text-shadow:none;
        box-shadow:0 10px 40px rgba(247,201,72,.22)}
      .sign small{color:#1a120699}
      .meter{position:absolute;right:4vw;top:26vh;text-align:right;font-family:var(--font-display);
        color:#e4572e;opacity:.55}
      .meter em{display:block;font-family:var(--font-body);font-size:9px;letter-spacing:.4em;
        color:var(--ink-dim);font-style:normal}
      .meter b{font-size:clamp(24px,6vw,44px);letter-spacing:.14em;
        text-shadow:0 0 22px rgba(228,87,46,.6)}
      .phone{position:absolute;left:2vw;bottom:-2vh;width:min(320px,36vw);opacity:.85;
        filter:drop-shadow(0 0 30px rgba(247,201,72,.18))}
      @media(max-width:640px){.phone,.meter{opacity:.2}}