/* ============================================================
 * Morgan Hill Jiu Jitsu — Tailwind dark layer (web, opt-in)
 *
 * For Tailwind v4 apps whose utilities are named after the
 * palette (bg-mhjj-off, text-mhjj-black, bg-white …). It remaps
 * the --color-mhjj-* / --color-white / --color-black custom
 * properties under [data-theme='dark'] so those existing
 * utilities flip to their dark values with no view changes.
 *
 * The canonical, cross-platform dark model stays SEMANTIC and
 * lives in tokens.css (--bg, --ink, --rule … flip; the palette
 * stays fixed). This file is a web/Tailwind convenience only and
 * is opt-in — link it after tokens.css. Native (Swift) and
 * token-only consumers ignore it.
 *
 * Convention: under dark mode the brand color NAMES are semantic,
 * not literal — --color-mhjj-black is light ink, --color-mhjj-white
 * is a raised dark surface. Carolina, deep, and the base
 * success/danger/warning hues stay constant so brand and state
 * colors remain recognizable across themes.
 * ============================================================ */

:root[data-theme='dark'] {
  --color-mhjj-black:    #FFFFFF;  /* primary ink → light */
  --color-mhjj-white:    #161616;  /* elevated surface → raised dark */
  --color-mhjj-off:      #0A0A0A;  /* body surface → deepest dark */
  --color-mhjj-mist:     #1F2A38;  /* soft Carolina tint on dark */
  --color-mhjj-gray-100: #2A2A2A;  /* subtle dividers */
  --color-mhjj-gray-300: #3F3F3F;  /* borders */
  --color-mhjj-gray-600: #D0D0D0;  /* muted text */
  --color-mhjj-gray-900: #EDEDED;  /* secondary ink */

  --color-mhjj-success-tint: #1A4A36;
  --color-mhjj-danger-tint:  #4A1F1A;
  --color-mhjj-warning-tint: #4A3A14;

  /* Tailwind's literal `bg-white` and `text-white` are widespread in
   * views — flipping the underlying --color-white in dark catches them
   * all without view edits. Same convention as the brand names: "white"
   * semantically means "primary surface" / "inverse text". */
  --color-white: #161616;
  --color-black: #FFFFFF;
}