/* ═══════════════════════════════════════════════════════════════
   FlameNet → GitHub-Native legacy alias layer
   Purpose: existing var(--color-*) usages in app.css resolve to FlameNet --fn-*
   values driven by the active theme.
   Filed as part of FlameHub UI Port v1.3 Phase 1 Step 2 (2026-04-21).
   Council ref: council-2026-04-20-flamehub-ui-port-v1.3
   ═══════════════════════════════════════════════════════════════ */

:root, [data-theme] {
  /* Surface colors */
  --color-canvas-default: var(--fn-bg);
  --color-canvas-subtle:  var(--fn-surface);
  --color-canvas-inset:   var(--fn-bg);
  --color-canvas-overlay: var(--fn-surface2);

  /* Border */
  --color-border-default: var(--fn-border);
  --color-border-muted:   var(--fn-border);
  --color-border-subtle:  var(--fn-border);

  /* Text */
  --color-fg-default:      var(--fn-text);
  --color-fg-muted:        var(--fn-dim);
  --color-fg-subtle:       var(--fn-dim);
  --color-fg-on-emphasis:  var(--fn-bg);

  /* Accent */
  --color-accent:          var(--fn-accent);
  --color-accent-subtle:   var(--fn-accent-glow);
  --color-accent-emphasis: var(--fn-accent2);

  /* Links */
  --color-link: var(--fn-accent);

  /* States */
  --color-success:          var(--fn-success);
  --color-success-subtle:   var(--fn-accent-glow); /* tinted success */
  --color-danger:           var(--fn-error);
  --color-danger-subtle:    var(--fn-accent-glow); /* tinted danger — each theme can override */
  --color-attention:        var(--fn-warning);
  --color-attention-subtle: var(--fn-accent-glow);
  --color-done:             var(--fn-info);
  --color-done-subtle:      var(--fn-accent-glow);
  --color-open:             var(--fn-success);
  --color-closed:           var(--fn-error);
  --color-merged:           var(--fn-info);
}