/* grove.css — reconstructed design tokens.
   The original grove.css died with the old origin server. The page's inline CSS
   references 26 CSS variables that were defined here; without them the cascade
   collapses (black-on-black stats, broken z-index stacking, unstyled pills).
   Palette inferred from the hardcoded values that survive inline: Tailwind-stone
   neutrals (#fafaf9/#e7e5e4/#a8a29e/#d6d3d1), heritage brown #6b2f0a, red-700,
   green-800, Cormorant Garamond + Inter. */

:root {
  /* surfaces — the design is light warm-paper; dark hero/canvas sections are
     hardcoded in the page, NOT driven by these vars (verified: pills/scan tiles
     put var(--text) on #fff, so --text must be ink, not white) */
  --bg: #fafaf9;            /* page background (warm paper, matches login gate) */
  --card: #ffffff;          /* raised surfaces */
  --dark: #0c0a09;
  --warm: #f5f5f4;          /* warm light band (stats bar) */
  --border: #e7e5e4;        /* hairlines on light (matches login inputs) */

  /* text */
  --text: #1c1917;          /* primary ink (stone-900) */
  --muted: #78716c;         /* secondary (stone-500 — matches embedded select arrow) */

  /* brand + status */
  --accent: #6b2f0a;        /* heritage brown (matches login buttons) */
  --gold: #c9a86a;
  --amber: #f59e0b;
  --green: #166534;
  --green-hover: #14532d;
  --green-tint: #dcfce7;
  --green-light: #dcfce7;
  --red: #b91c1c;
  --red-bright: #dc2626;

  /* typography */
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'Inter', sans-serif;

  /* shape + motion */
  --r-sm: 8px;
  --r-pill: 999px;
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.18);
  --t-fast: 0.15s ease;

  /* stacking order */
  --z-sticky: 100;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}

/* Help / Feature Request / UI Issue pills — their backend (widgets.js help desk)
   lived on the old origin and is stubbed to no-ops for the test drive, so hide
   the dead buttons rather than show controls that do nothing. */
.grove-pill { display: none !important; }

/* Button base + variants — recovered VERBATIM from the v1 page (public/index.html),
   which kept these inline; v2 moved them into grove.css and only overrides sizes
   inline. Without the base, .btn elements (Compare etc.) collapse to unstyled. */
.btn{padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#292524}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}
.btn-outline:hover{background:var(--warm)}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:#15803d}
.btn-green:disabled{background:#999;cursor:not-allowed}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:#5a2708}

/* small layout helpers that also lived in grove.css */
.quickbid-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}