/*
 * Clinician-specific design tokens.
 *
 * Standardises the brand palette for all clinician screens. References brand
 * values already established in peppi-design-tokens.css and adds semantic
 * triads used by quadrant indicators and the worklist.
 *
 * All clinician components must use these custom properties — never hardcode
 * the raw hex values in component CSS.
 *
 * Brand-linked tokens reference base token vars so partner :root overrides
 * cascade into clinician chrome automatically. Alpha-variant tokens and
 * clinician-specific semantic colors (accessible contrast pairs, status
 * triads, purple, orange) have no base-token equivalent and retain their
 * literal values; they are clinician chrome semantics, not brand surfaces.
 */

:root {
  /* -------------------------------------------------------------------------
   * Core clinician chrome
   * ---------------------------------------------------------------------- */

  /** Sidebar background — brand navy. */
  --clinician-sidebar-bg:           var(--color-brand-navy);

  /** Sidebar text — white at full opacity. */
  --clinician-sidebar-text:         var(--color-text-inverse);

  /** Sidebar muted text — white at 62 % opacity. */
  --clinician-sidebar-text-muted:   rgba(255, 255, 255, 0.62);

  /** Sidebar border between groups — white at 10 % opacity. */
  --clinician-sidebar-divider:      rgba(255, 255, 255, 0.10);

  /** Active nav item left border — brand aqua. */
  --clinician-nav-active-border:    var(--color-brand-teal);

  /** Active nav item background highlight — aqua at 14 % opacity. */
  --clinician-nav-active-bg:        rgba(62, 201, 214, 0.14);

  /** Active nav item text — white. */
  --clinician-nav-active-text:      var(--color-text-inverse);

  /** Hover nav item background — white at 6 % opacity. */
  --clinician-nav-hover-bg:         rgba(255, 255, 255, 0.06);

  /** Disabled nav item text — white at 30 % opacity. */
  --clinician-nav-disabled-text:    rgba(255, 255, 255, 0.30);

  /** Primary interactive blue — buttons, links, focus rings. */
  --clinician-primary:              var(--color-brand-primary);

  /** Brand aqua — badges, highlights, active states. */
  --clinician-aqua:                 var(--color-brand-teal);

  /* -------------------------------------------------------------------------
   * Semantic triads — quadrant indicators and worklist status chips
   *
   * Each triad: bg (tinted surface), text (accessible contrast), ring (border).
   *
   * Solid base colors reference base tokens where an exact match exists.
   * Alpha-variant tints and accessible-contrast text shades are
   * clinician-specific semantics with no base-token equivalent; they retain
   * literal values.
   * ---------------------------------------------------------------------- */

  /* Green — on-track / healthy / approved */
  --clinician-green:                var(--color-success);
  --clinician-green-bg:             rgba(29, 158, 117, 0.10);
  --clinician-green-text:           #0F6B4A;
  --clinician-green-ring:           rgba(29, 158, 117, 0.30);

  /* Amber — caution / pending / needs review */
  --clinician-amber:                var(--color-warning);
  --clinician-amber-bg:             rgba(239, 159, 39, 0.10);
  --clinician-amber-text:           #7A4508;
  --clinician-amber-ring:           rgba(239, 159, 39, 0.30);

  /* Red — critical / denied / error */
  --clinician-red:                  var(--color-danger);
  --clinician-red-bg:               rgba(220, 38, 38, 0.08);
  --clinician-red-text:             #991B1B;
  --clinician-red-ring:             rgba(220, 38, 38, 0.28);

  /* Purple — research / flagged for review */
  --clinician-purple:               #7C3AED;
  --clinician-purple-bg:            rgba(124, 58, 237, 0.08);
  --clinician-purple-text:          #5B21B6;
  --clinician-purple-ring:          rgba(124, 58, 237, 0.24);

  /* Orange — warning / expiring soon */
  --clinician-orange:               #F97316;
  --clinician-orange-bg:            rgba(249, 115, 22, 0.08);
  --clinician-orange-text:          #9A3412;
  --clinician-orange-ring:          rgba(249, 115, 22, 0.26);

  /* -------------------------------------------------------------------------
   * Worklist surface
   * ---------------------------------------------------------------------- */

  /** Worklist row background — slightly elevated over page. */
  --clinician-worklist-row-bg:      var(--color-surface-raised);

  /** Worklist row border. */
  --clinician-worklist-row-border:  var(--color-border);

  /** Worklist header label — navy. */
  --clinician-worklist-header:      var(--color-brand-navy);
}