/*
 * Coach dashboard design tokens — additive to clinician-tokens.css.
 *
 * Import both files; this file does not re-declare tokens already in
 * clinician-tokens.css. All coach components must use these custom
 * properties — never hardcode raw hex values in component CSS.
 *
 * Phase band tokens map coaching phases to accessible color triads
 * (bg / text / ring) matching the pattern already established in
 * clinician-tokens.css for worklist status chips.
 */

:root {
  /* -------------------------------------------------------------------------
   * Phase band tokens — coaching phase indicators and section headers
   * ---------------------------------------------------------------------- */

  /* check_in phase — calming blue */
  --coach-phase-checkin:            #2563EB;
  --coach-phase-checkin-bg:         rgba(37, 99, 235, 0.08);
  --coach-phase-checkin-text:       #1D4ED8;
  --coach-phase-checkin-ring:       rgba(37, 99, 235, 0.24);

  /* accountability phase — neutral slate */
  --coach-phase-accountability:     #475569;
  --coach-phase-accountability-bg:  rgba(71, 85, 105, 0.08);
  --coach-phase-accountability-text: #1E293B;
  --coach-phase-accountability-ring: rgba(71, 85, 105, 0.24);

  /* celebration phase — warm gold */
  --coach-phase-celebration:        #D97706;
  --coach-phase-celebration-bg:     rgba(217, 119, 6, 0.08);
  --coach-phase-celebration-text:   #92400E;
  --coach-phase-celebration-ring:   rgba(217, 119, 6, 0.26);

  /* reengage phase — violet */
  --coach-phase-reengage:           #7C3AED;
  --coach-phase-reengage-bg:        rgba(124, 58, 237, 0.08);
  --coach-phase-reengage-text:      #5B21B6;
  --coach-phase-reengage-ring:      rgba(124, 58, 237, 0.24);

  /* escalate phase — red (maps to clinician-red for consistency) */
  --coach-phase-escalate:           var(--clinician-red, #DC2626);
  --coach-phase-escalate-bg:        var(--clinician-red-bg, rgba(220, 38, 38, 0.08));
  --coach-phase-escalate-text:      var(--clinician-red-text, #991B1B);
  --coach-phase-escalate-ring:      var(--clinician-red-ring, rgba(220, 38, 38, 0.28));

  /* -------------------------------------------------------------------------
   * Queue flag tokens — coach queue row badge coloring
   * ---------------------------------------------------------------------- */

  /* alert flag — high-priority red */
  --coach-flag-alert:               var(--clinician-red, #DC2626);
  --coach-flag-alert-bg:            var(--clinician-red-bg, rgba(220, 38, 38, 0.08));
  --coach-flag-alert-text:          var(--clinician-red-text, #991B1B);
  --coach-flag-alert-ring:          var(--clinician-red-ring, rgba(220, 38, 38, 0.28));

  /* checkin flag — blue */
  --coach-flag-checkin:             #2563EB;
  --coach-flag-checkin-bg:          rgba(37, 99, 235, 0.08);
  --coach-flag-checkin-text:        #1D4ED8;
  --coach-flag-checkin-ring:        rgba(37, 99, 235, 0.24);

  /* nosub flag — amber (maps to clinician-amber) */
  --coach-flag-nosub:               var(--clinician-amber, #EF9F27);
  --coach-flag-nosub-bg:            var(--clinician-amber-bg, rgba(239, 159, 39, 0.10));
  --coach-flag-nosub-text:          var(--clinician-amber-text, #7A4508);
  --coach-flag-nosub-ring:          var(--clinician-amber-ring, rgba(239, 159, 39, 0.30));

  /* celebration flag — gold */
  --coach-flag-celebration:         #D97706;
  --coach-flag-celebration-bg:      rgba(217, 119, 6, 0.08);
  --coach-flag-celebration-text:    #92400E;
  --coach-flag-celebration-ring:    rgba(217, 119, 6, 0.26);

  /* calibration flag — purple */
  --coach-flag-calibration:         #7C3AED;
  --coach-flag-calibration-bg:      rgba(124, 58, 237, 0.08);
  --coach-flag-calibration-text:    #5B21B6;
  --coach-flag-calibration-ring:    rgba(124, 58, 237, 0.24);

  /* -------------------------------------------------------------------------
   * Recorder tokens — voice-note recording UI
   * ---------------------------------------------------------------------- */

  /** Recording idle state — neutral surface. */
  --coach-recorder-idle-bg:         var(--color-surface-raised, #F8FAFC);
  --coach-recorder-idle-border:     var(--color-border, #E2E8F0);

  /** Recording active — pulsing red ring. */
  --coach-recorder-active:          #DC2626;
  --coach-recorder-active-bg:       rgba(220, 38, 38, 0.06);
  --coach-recorder-active-ring:     rgba(220, 38, 38, 0.40);

  /** Recording warning — approaching max duration (amber). */
  --coach-recorder-warn:            #EF9F27;
  --coach-recorder-warn-bg:         rgba(239, 159, 39, 0.08);
  --coach-recorder-warn-ring:       rgba(239, 159, 39, 0.38);

  /** Recording waveform bar color. */
  --coach-recorder-waveform:        var(--clinician-primary, var(--color-brand-primary));

  /* -------------------------------------------------------------------------
   * Commitment chip tokens — selectable CTA chips
   * ---------------------------------------------------------------------- */

  /** Chip default state. */
  --coach-chip-bg:                  var(--color-surface-raised, #F8FAFC);
  --coach-chip-border:              var(--color-border, #E2E8F0);
  --coach-chip-text:                var(--color-text-secondary, #475569);

  /** Chip selected state — teal brand accent. */
  --coach-chip-selected-bg:         rgba(62, 201, 214, 0.12);
  --coach-chip-selected-border:     var(--clinician-aqua, var(--color-brand-teal));
  --coach-chip-selected-text:       var(--color-brand-navy, #0F2547);

  /** Chip hover state. */
  --coach-chip-hover-bg:            rgba(62, 201, 214, 0.06);
  --coach-chip-hover-border:        rgba(62, 201, 214, 0.40);

  /* -------------------------------------------------------------------------
   * Coach queue surface
   * ---------------------------------------------------------------------- */

  /** Queue row background. */
  --coach-queue-row-bg:             var(--color-surface-raised, #F8FAFC);
  --coach-queue-row-border:         var(--color-border, #E2E8F0);

  /** Queue section header label. */
  --coach-queue-header:             var(--color-brand-navy, #0F2547);

  /** Queue sent-today row — dimmed. */
  --coach-queue-sent-opacity:       0.50;
}