/* =========================================================================
   THE PALETTE, IN ONE FILE.

   Loaded by the console (through app-hr.css) and by the team member's own
   page at /self, which is a different document tree entirely — it has no
   rail, no menu and none of app-hr.css's four hundred console rules, and it
   was still teal when the console had gone pink.

   Copying the six values into the phone page would have worked until the
   first time somebody changed one of them and not the other. So the values
   live here and both sides import this.

   The owner, 20 September 2026: take the scheme from the Stack admin
   template's pink (or purple) palette, "with the darker shade for left
   navigation". So the rail is pink darken-4 and the console's accent is pink
   darken-1, both off the same published scale rather than mixed by eye.

   THIS FILE AND NOT app.css. That file is a byte-identical copy of the
   ops console's stylesheet and `diff` between the two is the drift check; a
   colour changed there is a colour changed in a console this team does not
   own. Every rail page loads this file after it.

   WHY THE TOKENS ARE STILL CALLED --teal. Three hundred-odd rules across two
   stylesheets and thirty pages say var(--teal) — buttons, focus rings, links,
   the active tab, the approval pills. Renaming them would touch every one of
   those to change nothing, and would leave this file disagreeing with the ops
   console it is diffed against. The NAME is structural: it means "the colour
   that says press this". Only the value moved.

   THE FIRST ATTEMPT PUT #FFC0CB ON THE RAIL and flipped its text to ink,
   which worked but made the rail the lightest thing on the screen — the
   opposite of a navigation column's job. darken-4 puts the weight back on
   the left where it was, and keeps every white-on-dark rule in app.css
   working as written.

   FOR PURPLE INSTEAD: the same scale, one block. Swap the four values below
   for purple darken-4 #4A148C, darken-1 #8E24AA, darken-3 #6A1B9A and
   lighten-5 #F3E5F5, and change --rail-mark to purple accent-1 #EA80FC.
   ========================================================================= */

:root {
  /*
   * DARKER THAN THE FIRST CUT, at the owner's word: "easier on the eyes".
   *
   * darken-1 #D81B60 is the palette's brightest usable pink and it was on
   * every button, every focus ring and every link — a saturated pink at that
   * size is tiring to sit in front of for a day, which is what this console
   * is for. Each step moves one place down the same Material scale rather
   * than to a colour mixed by hand:
   *
   *   accent   darken-1 #D81B60  ->  darken-3 #AD1457
   *   pressed  darken-3 #AD1457  ->  darken-4 #880E4F
   *   the rail darken-4 #880E4F  ->  #6B0A3D, a shade past the scale's end
   *
   * Contrast is better for the change, not worse. Measured, not guessed:
   * #AD1457 against white is 6.97:1 where the old #D81B60 was 4.95:1 — so a
   * button's label now passes AA for body text (4.5:1) with room to spare,
   * where before it was close enough to the line that a slightly different
   * screen would fail it. The rail at #6B0A3D is 12.1:1 against its white
   * text, and the marker #FF80AB sits at 5.14:1 against the rail.
   */
  --teal: #AD1457;
  --teal-dark: #880E4F;
  /* The wash behind a badge, deepened to match — lighten-5 #FCE4EC looked
     like paper under the older, brighter accent and like nothing under this
     one. */
  --teal-pale: #F7E4EC;

  /* The page, warmed to sit under pink rather than beside it, and dropped a
     touch so white cards have an edge without needing a border. */
  --bg: #F7F2F5;
  --card: #FFFFFF;
  --line: #E9DCE3;

  /* The rail, one step past pink darken-4. The navigation should be the
     quietest thing on the screen and the last thing the eye is pulled to. */
  --rail: #6B0A3D;
  /* pink accent-1 for the marker on the current page: any of the darkened
     pinks above on this rail is two dark pinks, and the line disappears. */
  --rail-mark: #FF80AB;
}