/* UMC color system
   Black on white, with bold RED and BLUE reserved for the two competing teams.
   Red  = Team Red  (#e5253d)   Blue = Team Blue (#2a4ee3)
   Neutrals carry the whole UI; color enters only where a team is represented. */
:root {
  color-scheme: light;

  /* --- Base neutrals --- */
  --umc-black: #0b0b0c;      /* ink — text + the signature borders */
  --umc-true-black: #000000; /* logo frame / max-contrast strokes */
  --umc-ink-700: #2c2c2f;
  --umc-ink-500: #6c6c72;    /* muted / secondary text */
  --umc-ink-300: #b4b4ba;    /* disabled, hairlines on dark */
  --umc-line-200: #e4e4e7;   /* light divider */
  --umc-surface-2: #f2f2f3;  /* subtle panel fill */
  --umc-white: #ffffff;      /* card fill */
  --umc-paper: #fdfdfd;      /* page background */

  /* --- Team Red --- */
  --umc-red-700: #b81a2d;    /* pressed */
  --umc-red-600: #e5253d;    /* BASE — Team Red */
  --umc-red-400: #f2707d;
  --umc-red-100: #f8ccd2;    /* border tint */
  --umc-red-50:  #fceef0;    /* wash background */

  /* --- Team Blue --- */
  --umc-blue-700: #1d379f;   /* pressed */
  --umc-blue-600: #2a4ee3;   /* BASE — Team Blue */
  --umc-blue-400: #7d92f0;
  --umc-blue-100: #cdd6f9;   /* border tint */
  --umc-blue-50:  #eceffc;   /* wash background */

  /* --- Semantic aliases --- */
  --text-primary: var(--umc-black);
  --text-muted: var(--umc-ink-500);
  --text-inverse: var(--umc-white);

  --bg-page: var(--umc-paper);
  --surface-card: var(--umc-white);
  --surface-sunken: var(--umc-surface-2);
  --surface-ink: var(--umc-black);      /* dark blocks / broadcast panels */
  --surface-ink-hover: #2c2c2f;         /* hover state for ink-filled blocks */

  --border-strong: var(--umc-true-black); /* the signature 2–3px black border */
  --border-soft: var(--umc-line-200);

  --team-red: var(--umc-red-600);
  --team-red-wash: var(--umc-red-50);
  --team-blue: var(--umc-blue-600);
  --team-blue-wash: var(--umc-blue-50);

  /* status (used sparingly — brackets, live dots) */
  --status-live: var(--umc-red-600);
  --status-win: var(--umc-blue-600);
  --focus-ring: var(--umc-blue-600);
}