/* ============================================================
   DEFECT SEVERITY — the shared palette (session 19)
   ------------------------------------------------------------
   Three surfaces draw the same markers: the Lab's map, the passport's
   photographs and the printed report. Severity has to mean the same colour on
   all three, so it is declared once, here, rather than three times in three
   stylesheets that would drift apart on the first restyle.

   ONE RULE ABOVE ALL: an UNRATED marker gets no rule in this file. Every marker
   drawn before today has no severity, and it must keep the exact red disc it
   has always had — so the base styling in ui.css / report.css is untouched and
   this file only ever ADDS to it.

   WHY THESE THREE COLOURS
   Blue, amber, red is the ramp people already read as "noted / attention /
   worst", and the three are unmistakable from each other at 22px on a
   photograph, which two shades of the same hue are not. Severe shares its red
   with unrated on purpose — it IS the loudest state — and is told apart by the
   ring around it, which is the only part of the disc that is free to change
   without inventing a fifth colour.

   CONTRAST. The glyph is a number on a fixed fill, over a PHOTOGRAPH, so it
   cannot use --pc-ink (which flips to porcelain in dark and drops to ~3.3:1).
   --pc-on-accent (#17181D) on each fill:
       --pc-info-fill  #4B8DE0  ->  7.0:1
       --pc-warn-fill  #E0A526  ->  9.9:1
       --pc-down-fill  #E05252  ->  5.5:1
   All three clear AA for normal text, never mind the large-text bar the 22px
   disc with 14px bold actually has to clear.
   ============================================================ */

/* ---------- the Lab's editable map and its read-only bench copies ---------- */
.uth-defed__pin.is-minor,
.uth-bench__pins .uth-bench__pin.is-minor,
.uth-certcard__face .uth-defmap__pin.is-minor b {
	background: var(--pc-info-fill);
	color: var(--pc-on-accent);
}
.uth-defed__pin.is-notable,
.uth-bench__pins .uth-bench__pin.is-notable,
.uth-certcard__face .uth-defmap__pin.is-notable b {
	background: var(--pc-warn-fill);
	color: var(--pc-on-accent);
}
/* Severe keeps the red and gains a ring. The ring is drawn with box-shadow so
   it stacks on top of whatever ring the base rule already put there for
   legibility against the photograph, instead of replacing it. */
.uth-defed__pin.is-severe,
.uth-bench__pins .uth-bench__pin.is-severe,
.uth-certcard__face .uth-defmap__pin.is-severe b {
	background: var(--pc-down-fill);
	color: var(--pc-on-accent);
	box-shadow: 0 0 0 2px var(--pc-surface), 0 0 0 4px var(--pc-down-fill);
}

/* ---------- the marker list's own number badge ---------- */
.uth-defed__num.is-minor { background: var(--pc-info-fill); color: var(--pc-on-accent); }
.uth-defed__num.is-notable { background: var(--pc-warn-fill); color: var(--pc-on-accent); }
.uth-defed__num.is-severe { background: var(--pc-down-fill); color: var(--pc-on-accent); }

/* ---------- the passport's marker tooltip ----------
   uth_defect_overlay() puts the severity word in an <i> before the description.
   It is a label, not a heading, so it is set as one. */
.uth-certcard__face .uth-defmap__pin em i {
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .84em;
	opacity: 1;
}
.uth-certcard__face .uth-defmap__pin.is-minor em i { color: var(--pc-info); }
.uth-certcard__face .uth-defmap__pin.is-notable em i { color: var(--pc-warn); }
.uth-certcard__face .uth-defmap__pin.is-severe em i { color: var(--pc-down); }