/* ─────────────────────────────────────────────────────────────────────────────
   Pubd theme override for the fencing estimator.

   TO REVERT: delete the single <link rel="stylesheet" href="pubd-theme.css">
   line from index.html. That restores the calculator exactly as supplied. This
   file changes nothing but colour, radius and a few hardcoded labels — no
   markup, no pricing, no form wiring is touched, which is why the revert is one
   line rather than a diff to unpick.

   The calculator already sets its whole palette through custom properties on
   :root, and already loads the same three families as the site (Archivo, IBM
   Plex Sans, IBM Plex Mono), so almost all of this is a variable remap. The
   handful of rules below it exist because a few colours were written as
   literals and so ignore the variables.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* The site's tokens, verbatim from tailwind.config.js. */
  --paper: #F5F5F2;        /* was #ECEEE9 — the site's ground is cooler */
  --card: #FBFBF9;
  --ink: #20261C;          /* near-black with an olive bias, never pure black */
  --ink-soft: #5B6055;     /* the site's `muted`, set by measurement */
  --line: #DEDED8;
  --accent: #20261C;       /* dark surfaces: top band, estimate panel, pressed */
  --accent-ink: #F5F5F2;

  /* Her green, sampled from the logo raster itself. The declared #22E33C was
     close but not the mark's actual colour, so the logo and the buttons beside
     it were two different greens. */
  --flag: #0CEB22;

  /* Squared. A set-out drawing has no rounded corners, and the squared button is
     what ties the site's buttons to the olive bar in her logo. */
  --radius: 0px;
}

/* Radii written as literals rather than through --radius. */
.len input,
.opts button,
.opts .sw,
input.t,
.askbtns button,
.readyRow button,
.keep,
.keep button,
.revealBar,
.quote .cta.go,
.guarBar { border-radius: 0 !important; }

/* A pill chip, squared with everything else. */
[class*="Tag"], .gbTag { border-radius: 0 !important; }

/* The option swatch ground, written as a literal cream. */
.opts .sw { background: #ECECE7 !important; }