/* FoxProFlow Engineering — Brand Tokens (SSOT)
   BrandLock v1: derived from logo palette (cyan/blue/orange + graphite)
   Keep changes here to avoid palette drift.
*/
:root{
  --ff-brand-cyan:   #11BFFB;
  --ff-brand-blue:   #037DF6;
  --ff-brand-orange: #F89421;
  --ff-brand-teal:   #93C8C6;

  --ff-brand-cyan-rgb:   17,191,251;
  --ff-brand-blue-rgb:   3,125,246;
  --ff-brand-orange-rgb: 248,148,33;

  --ff-accent:        var(--ff-brand-cyan);
  --ff-accent-rgb:    var(--ff-brand-cyan-rgb);
  --ff-accent-warm:   var(--ff-brand-orange);
  --ff-accent-warm-rgb: var(--ff-brand-orange-rgb);

  --ff-link-color:       rgba(var(--ff-accent-rgb), 0.92);
  --ff-focus-color:      rgba(var(--ff-accent-rgb), 0.48);
  --ff-border-1-color:   rgba(var(--ff-accent-rgb), 0.16);
  --ff-border-2-color:   rgba(var(--ff-accent-rgb), 0.28);
  --ff-btn-border:       rgba(var(--ff-accent-rgb), 0.22);
  --ff-btn-border-hover: rgba(var(--ff-accent-rgb), 0.42);

  --ff-warn:        rgba(var(--ff-accent-warm-rgb), 0.92);
  --ff-warn-border: rgba(var(--ff-accent-warm-rgb), 0.35);
}
/* end */