/* Little Fight NYC — brand color tokens · GENERATED by brand-system/sync-brand.mjs */
:root{
  --lf-orange: #F97316; /* Lead signal — CTAs, accents, the NYC tag. Use it like it's expensive. */
  --lf-orange-soft: #FB923C; /* Hover, particles, gradients, secondary accent. */
  --lf-midnight: #06080F; /* Primary background — the NYC night-street ground. */
  --lf-panel: #0E1220; /* Cards and elevated surfaces. */
  --lf-panel-deep: #0A0D18; /* Recessed surface, one step under panel. */
  --lf-line: #1B2233; /* Hairlines, dividers, borders. */
  --lf-line-strong: #252F45; /* Emphasized borders. */
  --lf-burst: #2058AF; /* Ambient blue burst — background glow. Never competes with orange. */
  --lf-burst-bright: #3B82F6; /* Interactive blue accent — links, data highlights. */
  --lf-ink: #F0F2F8; /* Primary text on dark, and the mark on light grounds. */
  --lf-ink-muted: #A1A1AA; /* Secondary text — captions, metadata. */
  --lf-ink-faint: #6B7280; /* Tertiary labels, section numbers. */
  --lf-on-orange: #0A0A0A; /* Text/ink placed on an orange fill. Palette reference only — not in SITE_MAP, so not synced to a surface. */
}