/* ══════════════════════════════════════════════════════════════════════════
   JC THEME BRIDGE — v1.0
   PURPOSE : Connects the internal_flow_v2.css --if-* accent tokens to the
             JiffyCyber design system palette. This file is injected by
             jc-navbar.js AFTER internal_flow_v2.css loads, so these
             declarations win in the cascade.
   EFFECT  : When the user changes the palette in the appearance panel,
             --jc-cyan / --jc-purple update, and all --if-* accent usages
             (primary buttons, active states, highlights on every flow page)
             automatically respond to the selected palette.
   DO NOT  : Add rules here that belong in jc-page-shell.css or
             jiffy-design-system.css. This file is strictly a token bridge.
══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Bridge flow accent tokens to the palette-aware design system */
  --if-accent:        var(--jc-cyan);
  --if-accent-2:      var(--jc-purple);

  /* Bridge body/text tokens so flow pages respond correctly to day/night mode
     and palette changes (text was previously hardcoded #eaf2ff / #9cb3d9) */
  --if-text:          var(--jc-text-primary);
  --if-muted:         var(--jc-text-secondary);

  /* Bridge panel/card surface tokens */
  --if-panel:         var(--jc-bg-card);
  --if-panel-strong:  var(--jc-bg-elevated);

  /* Bridge border token so flow page card borders match the design system */
  --if-border:        var(--jc-border);
}