/*
 * EEA Design System — Tokens Bridge
 * ops-finance specific
 *
 * Maps the legacy local variable names used across ops-finance pages
 * to the canonical --eea-* tokens from the central design system.
 *
 * Load order:
 *   1. CDN tokens.css   (defines --eea-* values)
 *   2. This file        (maps old names → --eea-* refs)
 *   3. shared/nav.css   (nav component)
 *   4. Page <style>     (layout and component CSS only, no :root declarations)
 *
 * Do NOT add new variables here. If a new shared token is needed,
 * add it to EntEthAlliance/eea-design-system instead.
 */

/* ── Base palette (index, agents) ───────────────────────── */
:root {
  --bg:              var(--eea-bg);
  --bg-card:         var(--eea-bg-card);
  --bg-hover:        var(--eea-bg-hover);
  --text:            var(--eea-text);
  --text-secondary:  var(--eea-text-2);
  --text-muted:      var(--eea-text-3);
  --border:          var(--eea-border);
  --accent:          var(--eea-accent);
  --accent-hover:    var(--eea-accent-hover);
  --accent-bg:       var(--eea-accent-bg);
  --accent-glow:     var(--eea-accent-bg);
  --hero-glow:       var(--eea-accent-bg);
  --shadow:          var(--eea-shadow-lg);

  /* finance.html naming */
  --bg-primary:      var(--eea-bg);
  --bg-secondary:    var(--eea-bg-raised);
  --bg-elevated:     var(--eea-bg-raised);
  --text-primary:    var(--eea-text);
  --text-mid:        var(--eea-text-2);

  /* institutional-crypto-market.html --color-* naming */
  --color-bg-base:    var(--eea-bg);
  --color-bg-raised:  var(--eea-bg-raised);
  --color-bg-overlay: var(--eea-bg-card);
  --color-accent:     var(--eea-accent);
  --color-accent-hover: var(--eea-accent-hover);
  --color-text:       var(--eea-text);
  --color-text-secondary: var(--eea-text-2);
  --color-text-muted: var(--eea-text-3);
  --color-border:     var(--eea-border-solid);
  --color-success:    var(--eea-success);
  --color-warning:    var(--eea-warning);
  --color-danger:     var(--eea-danger);

  /* agents.html */
  --surface:          var(--eea-bg-raised);
  --border-hover:     var(--eea-accent);
}