/* ============================================================================
   VaMoS — the app's own design system
   ============================================================================
   SCOPED TO .vamos, NEVER :root. Custom properties cascade, so an app that owns
   a palette owns it from its own root element and no higher — the lesson from
   Framer, whose --ink would have repainted every word on the site had it been
   left at :root.

   THE VALUES ARE TOP GEAR'S, DELIBERATELY. André asked for the same look and
   feel, and the faithful way to do that is to use the same numbers rather than
   approximate them by eye. This is the NPB half of core/top-gear/tokens.css:
   the warm brand-kit ground rather than the shell's cool interface ramp, which
   is the app's own choice and predates this file.

   It is a SECOND COPY of those values, and that is a cost worth naming. §5 says
   apps must not import from each other, so VaMoS cannot simply load Top Gear's
   file, and a shared stylesheet is infrastructure neither app needs alone. If a
   THIRD app wants this palette, that is the moment to lift it into
   assets/css/ rather than copy it again.

   TWO PALETTES, one of them behind §8 sentinels. The mirror landed on
   17.09.2026, so the other host's colours and faces live here the way Top
   out of the bank's bundle before it ships. The scan that rejected an earlier
   draft of this very comment is the thing enforcing that.
   ========================================================================= */

.vamos{
  --bg:#f5f4f2; --bg2:#ffffff; --bg3:#eceae6; --bg4:#f0eee9;
  --border:#ddd8d2; --border-lt:#e9e5e0;
  --text:#3a332b; --text-dim:#8a8279; --text-bright:#1a1512;
  --accent:#d0043c; --accent-soft:rgba(208,4,60,0.08); --accent-line:rgba(208,4,60,0.22);
  --pos:#2E7D7B; --neg:#d0043c;
  /* The band on the printed Focus List's sector grid, matched rather than
     approximated: the brand kit's warm grey, which the app otherwise uses only
     in charts and print. It is here because this one table is a rebuild of that
     printed page and is meant to be recognisable beside it. */
  --band:#aaa095; --band-text:#ffffff;
  --shadow:0 1px 3px rgba(58,51,43,.07),0 1px 2px rgba(58,51,43,.04);
  --shadow-lg:0 10px 34px rgba(58,51,43,.13),0 3px 10px rgba(58,51,43,.07);
  --hover-bg:rgba(208,4,60,0.035); --sel-bg:rgba(208,4,60,0.07);
  --font-ui:'Corporate S',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Corporate S','Helvetica Neue',Arial,sans-serif;
  --radius:10px; --radius-sm:7px; --radius-lg:14px;
  --c1:#d0043c;--c2:#605548;--c3:#2B4A6F;--c4:#2E7D7B;--c5:#B8923E;--c6:#6A7F5D;
  --c7:#5E7F9A;--c8:#7D3648;--c9:#9E6F4B;--c10:#6B4D6E;--c11:#89A7B8;--c12:#C4A87D;

  /* Carried from the standalone `body` rule the shell owns here. The ground
     has to sit on the app's own root, because these tokens are declared on it
     and an ancestor cannot see them — the Framer lesson, applied in advance. */
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-ui);
}