/* ═══════════════════════════════════════════════════════════════════════════════════════════════
   THE BOARD PALETTE, AT EVERY SCREEN WIDTH
   C:\Users\Rossi\Desktop\tracketing-dashboard\assets\css\board-tokens.css

   WHY THIS FILE EXISTS (2026-09-26, the brand timeline). The timeline brief makes the Tracketing
   theme a hard requirement: every colour in timeline code comes from an existing theme variable,
   and no colour value may appear in timeline code at all. The board's variables live in two places
   today, and neither could be read from a new page:

     - dashboard.html declares a SUBSET inline (--bg-primary, --text-primary, --accent ...), so
       nothing outside that page can reach it;
     - assets/css/board-shell.css declares the full set, but only INSIDE @media (min-width: 1024px),
       because below that width the insights feed it serves turns dark. A timeline on a phone would
       have had no colours at all.

   So this is board-shell.css's desktop palette, VALUE FOR VALUE, applied at every width, the way the
   board itself is light on every screen. It adds no new colour. tools/validate.js holds every value
   here equal to board-shell.css's, so the two cannot drift apart; change a colour in board-shell.css
   and this file must follow or the build goes red.

   SCOPED, NOT GLOBAL (2026-09-28, the timeline inside the AI board). It applies inside any element
   with the class trk-board-tokens: the <html> of timeline.html and admin-timeline.html (so there it
   covers the whole page, as before), and ONLY the timeline's panel inside dashboard.html. The board
   declares a smaller set inline and lacks eight of the variables the timeline reads (amber for the
   second brand among them); a global copy would have re-coloured all four boards, including the one
   known difference: board-shell's --text-muted is #767676, which clears 4.5:1 on the grey page,
   where dashboard.html still says #888888 (3.5:1). Settling that for the whole board is its own
   change, not a side effect of this one.
   ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.trk-board-tokens {
  --bg-primary:   #f5f5f5;
  --bg-card:      #ffffff;
  --bg-nav:       #ffffff;
  --bg:           #ffffff;
  --bg-deep:      #f5f5f5;
  --surface:      #ffffff;
  --surface2:     #f5f5f5;
  --border:       #e5e5e5;
  --border2:      #d8d8d8;
  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-muted:   #767676;
  --accent:       #1D9E75;
  --brand:        #1D9E75;
  --on-accent:    #ffffff;
  --shadow:       rgba(15, 23, 41, .10);
  --positive:     #147A57;
  --negative:     #B02A25;
  --amber:        #A87200;
  /* GenevAI (26 Oct, Rossi: "change the background color to match the Genevai blue color theme"): the navy family is
     GenevAI's own panel blue (index.html --panel #0F2547), not Tracketing's #344072 */
  --navy:         #0F2547;
  --gold:         #FFB83B;
  --on-navy:         #ffffff;
  --on-navy-2:       rgba(255, 255, 255, .80);
  --on-navy-3:       rgba(255, 255, 255, .66);
  --navy-rule:       rgba(255, 255, 255, .16);
  --navy-rule2:      rgba(255, 255, 255, .34);
  --navy-tag:        rgba(255, 255, 255, .10);
  --navy-media:      rgba(255, 255, 255, .06);
  --navy-shadow:     rgba(0, 0, 0, .35);
  --navy-up:         #6EE7B7;
  --navy-down:       #FF9B94;
  --navy-link:       #8EC5FF;
  --navy-link-line:  rgba(142, 197, 255, .55);
  --navy-link-hover: #BAE6FD;
  --gold-hover:      #FFC558;
  /* the call minutes notice (2026-10-03): a soft gold strip with navy words */
  --gold-soft:       #FFF3DC;
  /* the phone post sheet's "Compare with another post" (Rossi, 13 Oct: "change the bg color to a very light blue") */
  --blue-soft:       #EAF2FF;
  /* the board's Weekly AI Visibility reading on the timeline (Rossi, 15 Oct: "increase its border width and propose a
     bright color so that it stands out"): a violet no brand lane, button or chart uses; 5.7:1 on white, white words on it */
  --ai-vis:          #7C3AED;
  --ai-vis-soft:     #F4EFFF;
  --navy-hover:      #183A6E;
  --navy-hint:       rgba(15, 37, 71, .08);
  --navy-lift:       rgba(15, 37, 71, .35);
  --navy-thumb:      rgba(255, 255, 255, .5);
  --call-green:      #2E9D4E;
  /* a filled "call" button: white words on this green are 5.0:1, where the lighter call green is 3.5:1 */
  --call-green-fill: #17803F;
  --on-call-green:   #FFFFFF;
  --navy-call-green: #5ACB84;
  --chart-up:      #1D9E75;
  --chart-down:    #C4302B;
  --chart-flat:    #A87200;
  --chart-neutral: #7A8290;
  --chart-track:   rgba(15, 23, 41, .08);
  --chart-muted:   rgba(15, 23, 41, .22);
  --net-meta:      #0866FF;
  --net-google:    #D93025;
  --net-linkedin:  #0A66C2;
  --net-google-ink: #1A0DAB;   /* a Google ad headline, in the blue Google prints it in (11:1 on white) */
  /* an instant card's own palette (its frame, tools/timeline_card_frame_build.js, and ADL's for a third brand on), for
     the little chart under a card's question in the timeline's list (2026-10-12) */
  --card-ink-bg:   #0C1D3A;   /* GenevAI (26 Oct): GenevAI's deep panel blue, not Tracketing's indigo #1E2650 */
  --card-text:     #F4F6FC;
  --card-text-2:   #BCC4E0;
  --card-track:    rgba(255, 255, 255, .10);
  --card-cyan:     #22D3EE;
  --card-rose:     #FB7185;
  --card-violet:   #A78BFA;
  --card-blue:     #60A5FA;
  --card-bar:      #6E78A6;
  /* GenevAI's one Geneva line (Rossi, 24 Oct: "Alternating sides, in date order"): a moment's KIND by colour, the same
     three as the timeline hub's mockup. The strong colour draws edges, dots and stems (over 3:1 on white); the ink is
     for words on the soft tint (over 4.5:1). */
  --kind-event:       #D0573C;
  --kind-event-ink:   #A3402A;
  --kind-event-soft:  #FDE9E3;
  /* (28 Oct, Rossi: "Why did you set this color ... in claude color? ... different discreet color that match the type
     of cards") the one event coral above was close to Claude's own orange and said nothing about the event. Each event
     type now wears its own muted colour (edge over 3:1 on white, ink over 4.5:1 on its tint), and the commune's news
     moves from blue to slate, so it stays apart from the concerts' indigo and reads as official, not as a genre. */
  --kind-news:        #64748B;
  --kind-news-ink:    #475569;
  --kind-news-soft:   #EEF1F5;
  --genre-concerts:        #5C62B8;  --genre-concerts-ink:    #444A96;  --genre-concerts-soft:    #E9EAF8;
  --genre-expositions:     #2B8790;  --genre-expositions-ink: #1C636A;  --genre-expositions-soft: #E1F1F2;
  --genre-spectacles:      #9152A6;  --genre-spectacles-ink:  #73398A;  --genre-spectacles-soft:  #F3E8F7;
  --genre-famille:         #C2861A;  --genre-famille-ink:     #7D560C;  --genre-famille-soft:     #FBF0D9;
  --genre-sport:           #6A8B36;  --genre-sport-ink:       #4A6424;  --genre-sport-soft:       #ECF2E1;
  --genre-fetes:           #C9567A;  --genre-fetes-ink:       #9E3B5C;  --genre-fetes-soft:       #FAE6ED;
  --genre-autre:           #8A7F72;  --genre-autre-ink:       #5E554B;  --genre-autre-soft:       #F1EEEA;
  --kind-listing:     #1D9E75;
  --kind-listing-ink: #137257;
  --kind-listing-soft: #E4F4EE;
  /* (29 Oct) a school kitchen's week of lunches: petrol blue, apart from the concerts' indigo and the exhibitions' teal,
     edge 5.4:1 on white, ink 7.2:1 on its tint (measured) */
  --kind-menu:        #2D6FA3;
  --kind-menu-ink:    #1F5079;
  --kind-menu-soft:   #E3EEF7;
  /* (29 Oct) a supermarket's week of deals: price-tag crimson, darker than the events' coral and redder than the fairs'
     rose; edge 6.4:1 on white, ink 7.5:1 on its tint (measured) */
  --kind-deal:        #B4283C;
  --kind-deal-ink:    #8C1D2D;
  --kind-deal-soft:   #FBE5E8;
  /* The Loisirs wall (24 Oct 2026, concept A): a card's KIND by colour, the two the hub's mockup drew. "go" is a place
     to go (violet); "eat" is a restaurant, which joins the same wall later (amber). The strong colour draws edges, tiles
     and chips (6.0:1 and 3.4:1 on white); the ink is for words on the soft tint (over 4.5:1 on it). */
  --kind-go:          #7a4fb3;
  --kind-go-ink:      #5d3a8c;
  --kind-go-soft:     #efe7fa;
  --kind-eat:         #c47a12;
  --kind-eat-ink:     #8a5208;
  --kind-eat-soft:    #fbefdc;
}