/* Brand layer — sampled from the FamilyFi logo lockup (assets/familyfi-logo-lockup.jpeg).
   The product UI is the light Apple-system palette in colors.css; this is the brand
   ground used for the mark, marketing surfaces, splash and dark chrome. */
:root{
  --ff-brand-deep:#000a1e;
  --ff-brand-deep-2:#05142b;
  --ff-brand-cyan:#03a0ef;      /* the shield stroke and the "Fi" */
  --ff-brand-cyan-ink:#0281c4;
  --ff-brand-on-deep:#ffffff;
  --ff-brand-on-deep-2:#7e849a;
  --ff-brand-rule:rgba(126,132,154,.35);
  --ff-brand-cyan-tint:rgba(3,160,239,.14);
}