/* ==========================================================================
   Comparisons — Design tokens (scoped dark theme)
   ==========================================================================
   The scoped `--cmp-*` palette for every "Bloom vs <competitor>" page: the
   same deep-navy family as Sectors/Solutions, tuned one step deeper so the
   verdict colours (win / parity / gap) read as the loudest signal on the page.

   This is NOT the brand source of truth — the brand primitives live once in
   src/shared/styles/global.css (`--brand-*`). Where a value IS a brand-core
   colour it is referenced from there rather than re-hardcoded.

   Loaded FIRST on every Comparison page, before Background.css and
   PageStyles.css.
   ========================================================================== */

.comparisons-page {
  /* Surfaces — deep ink navy */
  --cmp-bg: #0a0d1d;
  --cmp-surface: rgba(19, 25, 47, 0.62);
  --cmp-border: rgba(255, 255, 255, 0.09);
  --cmp-border-strong: rgba(255, 255, 255, 0.16);

  /* Ink / text */
  --cmp-ink: #ffffff;
  --cmp-ink-soft: #e8ecf8;
  --cmp-text: #c4cde4;
  --cmp-text-muted: #93a0bd;

  /* Brand */
  --cmp-primary: #8b6bff;
  --cmp-accent: #b98cff;
  --cmp-primary-soft: rgba(139, 107, 255, 0.14);
  --cmp-primary-ring: rgba(139, 107, 255, 0.32);

  /* Verdict system — the family signature. One colour per verdict state,
     used identically in the legend, the synthetic table, the feature duel
     and the pricing cards. */
  --cmp-win: #2ee6a0;
  --cmp-win-soft: rgba(46, 230, 160, 0.14);
  --cmp-win-ring: rgba(46, 230, 160, 0.35);
  --cmp-par: #ffab52;
  --cmp-par-soft: rgba(255, 171, 82, 0.14);
  --cmp-par-ring: rgba(255, 171, 82, 0.35);
  --cmp-gap: #ff5c85;
  --cmp-gap-soft: rgba(255, 92, 133, 0.14);
  --cmp-gap-ring: rgba(255, 92, 133, 0.35);

  /* Competitor accent — neutral cool blue, deliberately quieter than the
     Bloom violet so the page stays honest but hierarchical. */
  --cmp-rival: #6ea8ff;
  --cmp-rival-soft: rgba(110, 168, 255, 0.13);
  --cmp-rival-ring: rgba(110, 168, 255, 0.32);

  /* Type roles */
  --cmp-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  /* Radii / shadows */
  --cmp-radius: 20px;
  --cmp-radius-sm: 14px;
  --cmp-radius-pill: 999px;
  --cmp-card-shadow: 0 18px 46px rgba(2, 6, 23, 0.45);
  color: var(--cmp-text);
  font-family: var(--font-sans);
}