/* ==========================================================================
   Utility / blue-collar skin. Barlow Condensed (headings, buttons) + Inter (body).
   Flat colors, hard edges, 2px radius, no soft shadows. Orange = the one action color.
   ========================================================================== */
.theme-b {
  --f-head: "Archivo", "Inter", system-ui, sans-serif;
  --t-mega: clamp(2rem, 5vw, 3.25rem);
  --t-xl:   clamp(1.75rem, 3.4vw, 2.5rem);
  --t-l:    clamp(1.5rem, 2.6vw, 2rem);
  --t-m:    1.25rem;
  --t-lead: 1.0625rem;
  --t-body: 1rem;
  --line: rgba(0, 0, 0, .16);
  background: var(--c-cream); color: var(--c-black);
  font-size: 1rem; line-height: 1.5;
}
.theme-b h1, .theme-b h2, .theme-b h3, .theme-b h4, .theme-b .t-xl {
  font-family: var(--f-head); font-weight: 800; text-transform: none; letter-spacing: -.015em; line-height: 1.1;
}
.theme-b .t-lead { color: rgba(0,0,0,.78); }

/* Buttons: signage style. Flat, hard border, no lift, no offset shadow. */
.theme-b .btn { font-family: var(--f-head); font-weight: 700; text-transform: none; letter-spacing: 0; font-size: 1.0625rem; min-height: 50px; padding: 11px 20px; border-width: 2px; }
.theme-b .btn-primary { background: var(--c-yellow); border-color: var(--c-yellow); color: var(--c-black); }
.theme-b .btn-primary:hover { background: #FFB733; border-color: #FFB733; box-shadow: none; }
.theme-b .btn-light { background: var(--c-cream); border-color: var(--c-cream); color: var(--c-black); }
.theme-b .btn-light:hover { background: #fff; border-color: #fff; }
.theme-b .btn-secondary { --bc: var(--c-black); }
.theme-b .btn-secondary:hover { background: var(--c-black); color: var(--c-cream); }
.theme-b .btn-dark { background: var(--c-black); border-color: var(--c-black); color: var(--c-cream); }
.theme-b .btn-dark:hover { background: var(--c-green-deep); border-color: var(--c-green-deep); }
.theme-b .header-ctas .btn { min-height: 48px; padding: 8px 18px; }

/* Form fields */
.theme-b .field label { font-weight: 600; font-size: .9375rem; }
.theme-b .field input, .theme-b .field textarea, .theme-b .field select {
  width: 100%; min-height: 48px; padding: 10px 12px; font-size: 1rem; font-family: var(--f-body);
  background: var(--c-white); color: var(--c-black); border: 2px solid var(--c-black); border-radius: var(--radius); appearance: none;
}
.theme-b .field select { background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 14px) 55%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 36px; }
.theme-b .field textarea { min-height: 72px; resize: vertical; line-height: 1.4; }
.theme-b .field input:focus-visible, .theme-b .field textarea:focus-visible, .theme-b .field select:focus-visible { outline: 3px solid var(--c-yellow); outline-offset: 0; border-color: var(--c-black); }
.theme-b .field .opt { font-weight: 400; color: rgba(0,0,0,.62); }