/* ═══════════════════════════════════════════════════════════════════════
 * getfishnet — color tokens (verbatim from @gfn/tokens)
 * Usage ratio: 80% neutrals + navy / 15% surface-2 / 5% green-primary.
 * Strict palette — do not invent colors.
 * ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Green scale (brand) — primary #55b88b is green-400 ─── */
  --green-50:  #effaf3;
  --green-100: #d6f2e0;
  --green-200: #a9e5c2;
  --green-300: #7ad1a3;
  --green-400: #55b88b;
  --green-500: #3da277;
  --green-600: #2c8b62;
  --green-700: #246e4f;  /* links — AA on surface-1 */
  --green-800: #1e573f;
  --green-900: #173f2d;

  /* ─── Navy scale — brand navy #182b41 is navy-700 ─── */
  --navy-50:  #f1f4f9;
  --navy-100: #dbe2ec;
  --navy-200: #b3c0d4;
  --navy-300: #7d92ad;
  --navy-400: #4f6885;
  --navy-500: #2f4969;
  --navy-600: #213755;
  --navy-700: #182b41;
  --navy-800: #102033;
  --navy-900: #0a1626;

  /* ─── Neutral scale — ink-default #0f172a is neutral-900 ─── */
  --neutral-0:   #ffffff;
  --neutral-50:  #f8f9fa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e6e8ec;
  --neutral-300: #d2d6dc;
  --neutral-400: #a1a5ad;
  --neutral-500: #676a73;
  --neutral-600: #4f5258;
  --neutral-700: #383a3f;
  --neutral-800: #21232a;
  --neutral-900: #0f172a;

  /* ─── Brand + surface roles (light — overridden in dark) ─── */
  --brand-primary: var(--green-400);
  --brand-navy:    var(--navy-700);
  --surface-1:     var(--neutral-0);   /* canvas */
  --surface-2:     var(--neutral-100); /* alternating sections */
  --surface-3:     var(--neutral-50);  /* insets, subtle fills */
  --border:        var(--neutral-200);
  --ink-default:   var(--neutral-900); /* body — never pure black */
  --ink-muted:     var(--neutral-500);

  /* ─── Semantic ─── */
  --success: #10b981;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #3b82f6;
  --gold:    #d4a73a;

  /* ─── Chart (Recharts) ─── */
  --chart-1: var(--green-400);
  --chart-2: var(--navy-700);
  --chart-3: var(--warning);
  --chart-4: var(--info);
  --chart-5: var(--danger);
  --chart-6: #a855f7;
  --chart-grid: var(--border);
  --chart-axis: var(--ink-muted);
}

/* ─── Dark theme — [data-theme="dark"] (studio admin default) ─── */
[data-theme='dark'] {
  --surface-1:     var(--navy-900);
  --surface-2:     var(--navy-800);
  --surface-3:     var(--navy-700);
  --ink-default:   var(--navy-50);
  --ink-muted:     var(--navy-200);
  --border:        var(--navy-600);
  --brand-primary: var(--green-300); /* AA lift on navy-900 */
  --chart-grid:    var(--navy-700);
  --chart-axis:    var(--navy-200);
}

/* ─── Explicit light re-assert (vitrine forces light) ─── */
[data-theme='light'] {
  --surface-1:     var(--neutral-0);
  --surface-2:     var(--neutral-100);
  --surface-3:     var(--neutral-50);
  --ink-default:   var(--neutral-900);
  --ink-muted:     var(--neutral-500);
  --border:        var(--neutral-200);
  --brand-primary: var(--green-400);
  --chart-grid:    var(--border);
  --chart-axis:    var(--ink-muted);
}