/* PriceMonk theme — the only file that differs between product sites.
   Structure lives in /shared/base.css. See its header for the contract.

   Derived from the ScrapeMonk reference ramp by rotating the hue to the
   PriceMonk cyan and holding each step's lightness, then checking every
   text/background pair against WCAG AA. The Primary reads 6.9:1 on --bg, so
   it carries links and numbers unaided. It fails with white ink (2.45:1) —
   the defect the audit flagged as P0 on the old homepage — hence --btn-ink.

   Style guide (Pricemonk Style Guide, Oct 2025): Primary #00b5d4,
   Dark #0d3342, Light #d4fafe. Tokens marked "guide" carry those values
   verbatim; the rest are the previous ramp rotated +34 degrees of OKLCH hue
   onto the new Dark, lightness and chroma held, so every step keeps the
   contrast it was tuned for. */
:root {
  /* Brand ramp: action → mid accent → light accent */
  --brand: #00b5d4; /* guide Primary */
  --brand-rgb: 0, 181, 212;
  --brand-2: #00b5d4; /* links, numbers, featured borders: the Primary reads 6.9:1 on --bg, no softer tint needed */
  --brand-3: #d4fafe; /* guide Light */

  /* Ink for text sitting ON --brand. PriceMonk's cyan takes dark ink (5.45:1);
     white on it is 2.45:1. ScrapeMonk's mid-dark purple takes white. */
  --btn-ink: #0d3342; /* guide Dark */

  /* Dark surfaces */
  --bg: #141e22;
  --bg-footer: #0f191c;
  --surface: #1b2b30;
  --surface-2: #17252a;

  /* Borders, weakest → strongest */
  --border-subtle: #213035;
  --border: #2a4046;
  --border-strong: #386977;

  /* Text on dark, brightest → faintest. --ink-6 is the floor: it carries the
     section hints, the footer headings, the copyright line and the "no" column
     of the security deflist, all of them small. At #60848f it failed AA on
     every surface it lands on — 4.19:1 on --bg, 4.42:1 on --bg-footer and
     4.01:1 on --surface, against a 4.5:1 minimum.

     #7396a1 is the same hue lifted until the WORST of those clears: 4.60:1 on
     --surface, 5.33:1 on --bg, 5.62:1 on --bg-footer. Solve against --surface,
     not --bg: the card is the lightest thing this token sits on, and fixing
     only --bg leaves the deflist failing. It is deliberately not solved
     against --surface-raised (#223d46) — nothing uses --ink-6 there, and that
     surface is too light for even --ink-5 (4.36:1), so it would drag the floor
     up into --ink-5 and collapse the bottom of the ramp. The step down from
     --ink-5 is 1.20:1, in line with the ramp's other steps (1.06–1.42). */
  --ink: #f4f5f6;
  --ink-2: #e4f0f4;
  --ink-3: #aecfdb;
  --ink-4: #a0bfca;
  --ink-5: #82a5b0;
  --ink-6: #7396a1;
  --label: #a7dff2;

  /* Brand-tinted neutrals (re-derived per product, never reused) */
  --nav-bg: rgba(20, 30, 34, 0.82);
  --surface-raised: #223d46;
  --ink-self: #c5dce5;
  --dot-on-cta: rgba(212, 250, 254, 0.18); /* guide Light */

  /* Inverted (light) panels: the guide Light with the guide Dark as ink, so
     they read as a lighter tone of the brand rather than white boxes.
     Dark on Light 12.1:1, body ink 6.7:1 (AA). */
  --panel: #d4fafe; /* guide Light */
  --panel-ink: #0d3342; /* guide Dark */
  --panel-ink-2: #1f5c6c;
  --panel-accent: #0d3342; /* guide Dark */
  --panel-border: rgba(13, 51, 66, 0.14);
  --panel-card: rgba(255, 255, 255, 0.55);

  /* Big CTA band gradient */
  --cta-from: rgba(212, 250, 254, 0.35); /* guide Light */
  --cta-to: rgba(13, 51, 66, 0.9); /* guide Dark */
  --cta-ink: #0d3342; /* guide Dark */

  /* Sibling-product accents, used for hover on the MonkSuite strip */
  --accent-scrapemonk: #c182fd; /* each sibling's own guide Primary */
  --accent-tidymonk: #818bf9;
  --accent-matchmonk: #fc7186;
  --accent-pricemonk: #00b5d4;

  /* Type. Montserrat is what every product style guide specifies, so the estate
     follows the guides rather than monksuite.io, which uses Hanken Grotesk —
     a deliberate divergence from the hub, decided 2026-09-08. Space Mono stays
     for the eyebrow/label/price role: the guides name a primary typeface and
     say nothing about a mono, and that tracking is tuned for a monospace. */
  --font-body: "Montserrat", system-ui, -apple-system, sans-serif;
  --font-display: var(--font-body); /* one sans; no separate display face */
  --font-mono: "Space Mono", ui-monospace, monospace;

  /* Layout. MonkSuite's .container is `max-width: 1180px; padding: 0 32px`
     (border-box), so its content column is 1180 - 2*32 = 1116px. Here the
     gutter sits on the section and --wrap caps the inner container, so --wrap
     is that *content* width, not the box width. 1116 + 32 reproduces
     monksuite.io's edges and column at every viewport. */
  --wrap: 1116px;
  --gutter: 32px;
  --nav-h: 70px;
}