/* ============================================================
   Site bridge — maps canonical GSB tokens to local short aliases
   used by /styles.css. Page CSS references --bg, --ink, etc.
   so this file is the only place names get reconciled.
   Defaults to night mode for the marketing site.
   ============================================================ */

:root {
  /* Color — night-mode defaults */
  --bg:           var(--gsb-night-bg);          /* #0a0c0a */
  --bg-alt:       var(--gsb-night-bg-alt);      /* #151815 */
  --bg-elev:      #1a1d1a;                       /* one tick brighter than bg-alt; hover surfaces */
  --ink:          var(--gsb-night-ink);         /* #f0f0ee */
  --ink-dim:      #c7ccc5;                       /* secondary ink, between ink and muted */
  --muted:        var(--gsb-night-muted);       /* #8a8c86 */
  --rule:         var(--gsb-night-rule);        /* hairlines */
  --rule-strong:  rgba(240, 240, 238, 0.24);     /* heavier rules — section heads, footer top */

  --neon:         var(--gsb-neon);              /* #00e676 */
  --neon-soft:    rgba(0, 230, 118, 0.12);
  --neon-deep:    var(--gsb-neon-dim);          /* #0a5c2e — for day-mode interludes */

  /* Type families — short aliases */
  --font-display: var(--gsb-font-display);
  --font-sans:    var(--gsb-font-sans);
  --font-mono:    var(--gsb-font-mono);
  --font-serif:   var(--gsb-font-serif);

  /* Tracking — short aliases */
  --t-tight:      var(--gsb-tracking-tight);
  --t-display:    var(--gsb-tracking-display);
  --t-normal:     var(--gsb-tracking-normal);
  --t-mono:       var(--gsb-tracking-mono);

  /* Layout */
  --gutter:       var(--gsb-gutter);
  --max:          var(--gsb-max-width);

  /* Motion */
  --ease:         var(--gsb-ease);

  /* Line-art stroke weights */
  --stroke-hero:  var(--gsb-stroke-hero);
  --stroke-icon:  var(--gsb-stroke-icon);
  --stroke-vein:  var(--gsb-stroke-vein);
}

/* If a section needs day mode (rare on this site), wrap it in [data-mode="day"] */
[data-mode="day"] {
  --bg:        var(--gsb-day-bg);
  --bg-alt:    var(--gsb-day-bg-alt);
  --bg-elev:   #ffffff;
  --ink:       var(--gsb-day-ink);
  --ink-dim:   #3a4a3a;
  --muted:     var(--gsb-day-muted);
  --rule:      var(--gsb-day-rule);
  --rule-strong: rgba(10, 12, 10, 0.24);
  --neon:      var(--gsb-neon-dim);
}