/* TradeWorks — Skins.
   The platform is white-label: a skin is a TOKEN-VALUE SUBSTITUTION ONLY.
   Component structure never changes per tenant. Apply with data-skin="…" on
   any ancestor (body, or a wrapper for side-by-side comparison).

   Neutral default = :root values in colors.css (torch orange + warm graphite).

   "Ironhall" — the first customer skin: red / gold / black, high-contrast,
   strong and slightly military. All pairings hold WCAG AA (see the Contrast
   card): white on #9E1717 = 7.0:1; gold #D9A514 pairs with near-black text. */

[data-skin="ironhall"] {
  /* Brand */
  --brand-primary:          #9E1717;
  --brand-primary-hover:    #7F1212;
  --brand-primary-active:   #620D0D;
  --brand-primary-contrast: #FFFFFF;
  --brand-tint:             #FBECEC;
  --brand-tint-border:      #EDAFAF;
  --brand-accent:           #D9A514;  /* gold — never carries white text */
  --brand-accent-contrast:  #131210;

  /* Chrome goes true black */
  --surface-inverse: #131210;
}