/* ============================================================================
   TBG V2 — semantic tokens.

   No new BASE palette. navy-void #070b14, electric #3d8bff, cyan #2dd4ff,
   emerald #34d399 and amber are unchanged and still live in tbg.css. What is
   here is the semantic layer V2 needs, and the reason it exists as its own file
   is that four scrims in tbg.css were hard-coded dark and sat under a near-black
   light-mode --ink at a measured 1.01:1. A colour that has to change with the
   theme cannot be a literal in a component rule.

   Rule this file enforces: no component stylesheet may write these values as
   hex or rgba literals. QC greps for them outside this file.
   ============================================================================ */

:root {
  /* hero + card scrims — themed, was rgba(7,11,20,.85) everywhere */
  --hero-scrim-top:    rgba(7, 11, 20, .88);
  --hero-scrim-mid:    rgba(7, 11, 20, .42);
  --card-scrim:        rgba(7, 11, 20, .85);
  --card-scrim-strong: rgba(7, 11, 20, .90);
  --band-scrim-a:      rgba(7, 11, 20, .90);
  --band-scrim-b:      rgba(7, 11, 20, .55);
  --band-scrim-c:      rgba(7, 11, 20, .20);

  /* guided tour */
  --spotlight-dim:     rgba(7, 11, 20, .62);
  --spotlight-halo:    var(--electric);

  /* the four ask lanes */
  --lane-invest:       #3d8bff;
  --lane-partner:      #2dd4ff;
  --lane-join:         #34d399;
  --lane-amplify:      #f5b452;

  /* exploratory-sector ribbon */
  --phi-bg:            #3a1e08;
  --phi-ink:           #f5b452;
  --phi-rule:          rgba(245, 180, 82, .34);

  /* stage pills on /products */
  --stage-live:        #34d399;
  --stage-soft:        #2dd4ff;
  --stage-build:       #f5b452;
}

[data-theme="light"] {
  /* The whole "blank first paint": a dark scrim never re-tinted for light mode
     put the hero headline at 1.01:1. These invert it. */
  --hero-scrim-top:    rgba(247, 248, 251, .92);
  --hero-scrim-mid:    rgba(247, 248, 251, .66);
  --card-scrim:        rgba(247, 248, 251, .90);
  --card-scrim-strong: rgba(247, 248, 251, .94);
  --band-scrim-a:      rgba(247, 248, 251, .94);
  --band-scrim-b:      rgba(247, 248, 251, .74);
  --band-scrim-c:      rgba(247, 248, 251, .34);

  --spotlight-dim:     rgba(20, 26, 40, .46);

  --lane-invest:       #2563eb;
  --lane-partner:      #0e7490;
  --lane-join:         #0f766e;
  --lane-amplify:      #92500a;

  --phi-bg:            #fdf1e0;
  --phi-ink:           #7a4b10;
  --phi-rule:          rgba(122, 75, 16, .28);

  --stage-live:        #0f766e;
  --stage-soft:        #0e7490;
  --stage-build:       #92500a;
}