/* ============================================================
   InTheRoom Productions — Color tokens
   Near-pure black canvas, white type, single Tally-Red accent.
   The system inverts almost nothing: there is no light surface.
   ============================================================ */

:root {
  /* ---- Canvas & surfaces (dark only) ---- */
  --canvas:            #000000; /* true-black page floor */
  --surface-soft:      #0c0c0c; /* spec strips, footer-adjacent */
  --surface-card:      #161616; /* cards, secondary buttons, icon btns */
  --surface-elevated:  #1f1f1f; /* nested cards inside dark bands */
  --carbon:            #242424; /* carbon-fiber technical surfaces */

  /* ---- Hairlines & borders ---- */
  --hairline:          #333333; /* 1px divider on dark surfaces */
  --hairline-strong:   #1f1f1f; /* border that reads as one elevation */

  /* ---- Text ---- */
  --ink:               #ffffff; /* headlines & primary text on dark */
  --on-dark:           #ffffff; /* alias */
  --body:              #b4b4b4; /* default running text */
  --body-strong:       #e6e6e6; /* lead / emphasized body */
  --muted:             #777777; /* captions, footer links, breadcrumbs */
  --on-accent:         #ffffff; /* text on the red accent */

  /* ---- Signature accent: TALLY RED (the recording / on-air light) ----
     Used sparingly — brand mark, LIVE indicators, the Threshold stripe,
     destructive actions. Never a default surface fill. */
  --accent:            #e0271c;
  --accent-hover:      #f0392e;
  --accent-press:      #c01d14;
  --accent-soft:       #2a0e0c; /* tint for backgrounds behind red text */

  /* ---- Secondary technical accent: SIGNAL BLUE (rare, telemetry/live data) ---- */
  --signal:            #2d6ce0;
  --signal-soft:       #0d1830;

  /* ---- Semantic ---- */
  --warning:           #f4b400;
  --success:           #1fa848;
  --danger:            #e0271c; /* shares the accent red */

  /* ---- Focus ---- */
  --focus-ring:        #ffffff;
}