/* ============================================================
   Homeowner Dossier extensions
   ------------------------------------------------------------
   Semantic --ha-* vars for the no-login dossier (the conversion
   climax — brand register, warmer/larger than the desk). Each is
   either a reference to an existing base token from
   colors_and_type.css, or an rgba() of an EXISTING base color's
   own rgb channels at a lower alpha (the same color at alpha, not
   a new color). The annotated rgba derivations:
     navy    20,60,85    = --ha-blue-primary  (#143C55)
     gold    255,185,89  = --ha-gold-base     (#FFB959)
     success 13,150,152  = --ha-success       (#0D9698)
   No new raw colors are introduced. Gold stays chip-sized — the
   "Our pick" halo + the confirm check — never a surface or button.
   ============================================================ */
:root {
  /* +EXT (flagged): the ONE pick's gold halo — gold seasoning, halo only. */
  --ha-ourpick-halo: var(--ha-gold-base);
  /* +EXT (flagged): the ONE confirm reward moment — the deep navy gradient. */
  --ha-dossier-reward: var(--ha-gradient-blue-deep);

  /* "Our pick" halo pill background (gold base at low alpha). */
  --ha-ourpick-tint: rgba(255, 185, 89, 0.20); /* gold base at 20% */

  /* Trust-badge chip surface + edge (success base at low alpha). */
  --ha-trust-tint: rgba(13, 150, 152, 0.10); /* success base at 10% */
  --ha-trust-edge: rgba(13, 150, 152, 0.22); /* success base at 22% */

  /* "Why we recommend them" reason box — gold seasoning as a soft tint surface,
     NEVER a gold fill/button. Gold base channels at low alpha + a faint edge. */
  --ha-reason-surface: rgba(255, 185, 89, 0.12); /* gold base at 12% */
  --ha-reason-edge: rgba(255, 185, 89, 0.28);    /* gold base at 28% */

  /* Self-asserted (UNVERIFIED) chip: a calm neutral gray surface with navy ink
     -- deliberately NOT the teal verified treatment, so a provider's own claim
     never borrows the look of a document-backed proof. References existing base
     tokens only (no teal, no check). */
  --ha-selfasserted-surface: var(--ha-border-strong); /* neutral gray divider */
  --ha-selfasserted-ink: var(--ha-ink);               /* navy ink, calm */

  /* Reward-card text on the dark gradient + the translucent check disc. */
  --ha-on-reward: var(--ha-surface);            /* same #FFFFFF, named for role */
  --ha-reward-disc: rgba(255, 255, 255, 0.14);  /* white at 14% on gradient */
  --ha-reward-sub: rgba(255, 255, 255, 0.82);   /* white at 82%, sub copy */

  /* Focus ring for consumer tap targets (accent base at 45%). */
  --ha-dossier-focus: 0 0 0 3px rgba(45, 133, 255, 0.45); /* accent base at 45% */
}

/* Honor reduced-motion: neutralize every transition/animation for users who
   ask for less motion. */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}