/* ═══════════════════════════════════════════════════════════════════
   monytr.ai — shared brand palette for the marketing site.
   The same values the product ships in monytr-dash/static/css/tokens.css.
   Loaded FIRST on every page, so a page may still override a neutral
   locally but can never disagree about what the brand blue is.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* Brand, identical to the product */
  --brand-50:#F0F9FF;  --brand-100:#E0F2FE; --brand-200:#BAE6FD;
  --brand-300:#7DD3FC; --brand-400:#38BDF8; --brand-500:#0EA5E9;
  --brand-600:#0284C7; --brand-700:#0369A1; --brand-800:#075985;
  --brand-900:#0A1729;

  /* The names this site already uses, pointed at the brand so the two
     can no longer drift apart. */
  --blue:  var(--brand-500);
  --sky:   var(--brand-500);
  --blue2: var(--brand-400);
  --blue3: var(--brand-300);

  /* Site neutrals, one value each. These were previously declared per page
     with two different values for the same name. */
  --navy:  #0d2137;
  --navy2: #0d3c6e;
  --ink:   #0f172a;
  --body:  #475569;
  --muted: #64748b;
  --soft:  #64748b;
  --line:  #e2e8f0;
  --bg:    #f8fafc;
}