/* ============================================================
   Provider Portal extensions
   ------------------------------------------------------------
   Semantic --ha-* vars for the provider surface (lighter/warmer
   than the desk, mobile-first single column). 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)
     accent 45,133,255  = --ha-blue-accent  (#2D85FF)
     success 13,150,152 = --ha-success      (#0D9698)
     danger 197,16,38   = --ha-danger        (#C51026)
   No new raw colors are introduced.
   ============================================================ */
:root {
  /* +EXT opportunity-card statuses (label always paired with the color). */
  --ha-offer-new: var(--ha-blue-text);
  --ha-offer-quoted: var(--ha-ink-muted);
  --ha-offer-won: var(--ha-success);
  --ha-offer-filled: var(--ha-ink-muted);

  /* +EXT availability slot states. */
  --ha-slot-preferred: rgba(45, 133, 255, 0.08); /* accent base at 8% */
  --ha-slot-selected: var(--ha-blue-text);
  --ha-slot-proposed: var(--ha-gold-light);
  --ha-slot-match: var(--ha-success);

  /* +EXT map radius ring fills (rgba of existing base channels). */
  --ha-ring-inner: rgba(45, 133, 255, 0.14);  /* accent base at 14% */
  --ha-ring-outer: rgba(20, 60, 85, 0.07);    /* navy base at 7% */
  --ha-ring-inner-edge: rgba(45, 133, 255, 0.50); /* accent base at 50% */
  --ha-ring-outer-edge: rgba(20, 60, 85, 0.25);   /* navy base at 25% */

  /* Text/knob color on a filled dark surface (primary buttons, selected slots,
     toggle knob, "me" bubble). Reuses the existing white surface token -- it is
     the same #FFFFFF, just named for the on-dark role so no raw hex is needed. */
  --ha-on-primary: var(--ha-surface);

  /* +EXT line-item shown/hidden toggle reuses the existing accent; no new hue. */

  /* Focus ring (accent base at 25%). */
  --ha-portal-focus: 0 0 0 2px rgba(45, 133, 255, 0.25);

  /* Soft surface tints reused by chips/hover (existing base channels). */
  --ha-portal-hover: rgba(20, 60, 85, 0.04);    /* navy base at 4% */
  --ha-portal-accent-tint: rgba(45, 133, 255, 0.10); /* accent base at 10% */
  --ha-portal-won-tint: rgba(13, 150, 152, 0.14);    /* success base at 14% */
}

/* 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;
  }
}