/**
 * NFN AOS — light-mode override tokens.
 *
 * Activated by `body[data-mode="light"]`. Scoped to that selector so the
 * sidenav can opt back into dark by re-defining the same tokens within
 * its own scope (see styles.css `.aos-sidenav` block).
 *
 * Strategy: only redefine the *semantic* tokens that the dashboard uses.
 * Primitives (--nfn-green-*, --nfn-neutral-*) stay unchanged. Sidenav
 * remains dark per design spec — light mode is the work surface, not
 * the chrome.
 *
 * Contrast targets:
 *   - text-primary on bg-canvas        → AAA (>= 7:1)
 *   - text-secondary on bg-canvas      → AA  (>= 4.5:1)
 *   - text-muted on bg-canvas          → AA  for normal text (>= 4.5:1)
 *   - accent on bg-canvas              → AA  for UI components
 */

body[data-mode="light"] {
  /* Surfaces — warm off-white canvas, paper-white surface */
  --nfn-color-bg-canvas: #f7f5ee;
  --nfn-color-bg-surface: #ffffff;
  --nfn-color-bg-elevated: #efece1;
  --nfn-color-bg-hover: #ebe8db;

  /* Text — calibrated for AA+ on the warm canvas */
  --nfn-color-text-primary: #1a1a17;
  --nfn-color-text-secondary: #44413a;
  --nfn-color-text-muted: #62605a;

  /* Accent — green-600 at 5.4:1 against #f7f5ee */
  --nfn-color-accent-default: #2e6e2e;
  --nfn-color-accent-hover: #215521;
  --nfn-color-accent-active: #163c16;
  --nfn-color-accent-subtle: color-mix(in srgb, #2e6e2e 6%, transparent);
  --nfn-color-accent-muted:  color-mix(in srgb, #2e6e2e 14%, transparent);

  /* Borders — softer in light mode */
  --nfn-color-border-default:    rgba(0, 0, 0, 0.08);
  --nfn-color-border-strong:     rgba(0, 0, 0, 0.14);
  --nfn-color-border-interactive: rgba(0, 0, 0, 0.20);
  --nfn-color-border-accent:     color-mix(in srgb, #2e6e2e 24%, transparent);

  /* Bare aliases — used directly throughout styles.css */
  --nfn-color-border:        var(--nfn-color-border-default);
  --nfn-color-border-muted:  rgba(0, 0, 0, 0.05);
  --nfn-color-border-hover:  var(--nfn-color-border-interactive);
  --nfn-color-accent:        var(--nfn-color-accent-default);

  /* Status (semantic colors stay similar but tuned for light bg) */
  --nfn-agent-running-dot: #2e6e2e;
  --nfn-agent-blocked-dot: #b45309;
  --nfn-agent-errored-dot: #dc2626;

  --nfn-color-status-error: #b91c1c;
}