/**
 * Marginalia ↔ SciprogFi Token Bridge
 * Maps --mg-* tokens to --sf-* tokens per era.
 * Loaded AFTER tokens.css, BEFORE marginalia.css in the cascade.
 */

/* --- Base mapping (early eras, light theme) --- */
:root {
  --mg-bg:          var(--sf-bg);
  --mg-bg2:         #f0f0f4;
  --mg-text:        var(--sf-text);
  --mg-text-muted:  var(--sf-muted);
  --mg-border:      var(--sf-border);
  --mg-accent:      var(--sf-accent);
  --mg-accent-ink:  var(--sf-accent);
  --mg-radius:      4px;
  --mg-font-mono:   var(--sf-font-mono);
}

/* 2024-2026: Clean, Medium-like */
.era-2024-2026 {
  --mg-bg2:         #f5f5f8;
  --mg-accent-rgb:  44, 95, 138;
  --mg-note:        #2c5f8a;
  --mg-tip:         #2e7d32;
  --mg-warning:     #c67f00;
  --mg-important:   #c62828;
}

/* 2027-2028: Warm, slightly off */
.era-2027-2028 {
  --mg-bg2:         #f0eee8;
  --mg-accent-rgb:  122, 88, 48;
  --mg-note:        #7a5830;
  --mg-tip:         #2e7d32;
  --mg-warning:     #c67f00;
  --mg-important:   #c62828;
}

/* 2029-2030: Brutalist, red accent */
.era-2029-2030 {
  --mg-bg2:         #e8e5e2;
  --mg-accent-rgb:  192, 57, 43;
  --mg-note:        #c0392b;
  --mg-tip:         #2e7d32;
  --mg-warning:     #c67f00;
  --mg-important:   #8b0000;
}

/* 2031-2032: Split reality — default uses era red */
.era-2031-2032 {
  --mg-bg2:         #e0ddd8;
  --mg-accent-rgb:  192, 57, 43;
  --mg-note:        #c0392b;
  --mg-tip:         #2e7d32;
  --mg-warning:     #c67f00;
  --mg-important:   #8b0000;
}

/* 2031-2032 Open Net: neon green */
.era-2031-2032 .open-net {
  --mg-bg:          var(--open-bg);
  --mg-bg2:         #1e1e36;
  --mg-text:        var(--open-text);
  --mg-text-muted:  #a09a8c;
  --mg-border:      var(--open-border);
  --mg-accent:      var(--sf-neon-green);
  --mg-accent-rgb:  100, 255, 100;
  --mg-accent-ink:  var(--sf-neon-green);
  --mg-note:        var(--sf-neon-green);
}

/* 2031-2032 Clean Net: neon blue / surveillance */
.era-2031-2032 .clean-net {
  --mg-bg:          var(--clean-bg);
  --mg-bg2:         #e8e8ec;
  --mg-text:        var(--clean-text);
  --mg-text-muted:  #666;
  --mg-border:      var(--clean-border);
  --mg-accent:      var(--sf-neon-blue);
  --mg-accent-rgb:  74, 144, 217;
  --mg-accent-ink:  var(--sf-neon-blue);
  --mg-note:        var(--sf-neon-blue);
}

/* 2033-2034: Dark mode, OHC ascendant */
.era-2033-2034 {
  --mg-bg:          var(--sf-bg);
  --mg-bg2:         var(--sf-dark-surface);
  --mg-text:        var(--sf-text);
  --mg-text-muted:  var(--sf-muted);
  --mg-border:      var(--sf-border);
  --mg-accent:      var(--sf-neon-green);
  --mg-accent-rgb:  100, 255, 100;
  --mg-accent-ink:  var(--sf-neon-green);
  --mg-note:        var(--sf-neon-green);
  --mg-tip:         var(--sf-accent);
  --mg-warning:     #e6a817;
  --mg-important:   #ff4444;
}

/* 2035: Synthesis — sage */
.era-2035 {
  --mg-bg2:         #eae8e3;
  --mg-accent-rgb:  61, 122, 95;
  --mg-note:        #3d7a5f;
  --mg-tip:         #4a8a6a;
  --mg-warning:     #a67c00;
  --mg-important:   #a04040;
}

/* 2036: Embedded — HUD-translucent on near-black */
.era-2036 {
  --mg-bg:          var(--sf-bg);
  --mg-bg2:         var(--sf-translucent-panel-bg);
  --mg-text:        var(--sf-text);
  --mg-text-muted:  var(--sf-muted);
  --mg-border:      var(--sf-translucent-panel-stroke);
  --mg-accent:      var(--sf-accent);          /* HUD cyan */
  --mg-accent-rgb:  95, 191, 255;
  --mg-accent-ink:  var(--sf-accent);
  --mg-note:        var(--sf-accent);
  --mg-tip:         #66ff99;
  --mg-warning:     #ffaa66;
  --mg-important:   #ff8080;
}

/* 2037: Fluid — same palette, deeper bg, stronger contrast */
.era-2037 {
  --mg-bg:          var(--sf-bg);
  --mg-bg2:         var(--sf-translucent-panel-bg);
  --mg-text:        var(--sf-text);
  --mg-text-muted:  var(--sf-muted);
  --mg-border:      var(--sf-translucent-panel-stroke);
  --mg-accent:      var(--sf-accent);
  --mg-accent-rgb:  95, 191, 255;
  --mg-accent-ink:  var(--sf-accent);
  --mg-note:        var(--sf-accent);
  --mg-tip:         #66ff99;
  --mg-warning:     #ffaa66;
  --mg-important:   #ff8080;
}

/* 2038: Atmospheric — pale-cyan accent, atmospheric haze */
.era-2038 {
  --mg-bg:          var(--sf-bg);
  --mg-bg2:         var(--sf-translucent-panel-bg);
  --mg-text:        var(--sf-text);
  --mg-text-muted:  var(--sf-muted);
  --mg-border:      var(--sf-translucent-panel-stroke);
  --mg-accent:      var(--sf-accent);
  --mg-accent-rgb:  138, 208, 255;
  --mg-accent-ink:  var(--sf-accent);
  --mg-note:        var(--sf-accent);
  --mg-tip:         #99ffbb;
  --mg-warning:     #ffbb88;
  --mg-important:   #ff9999;
}