/* Signal Suite / the Lab — color tokens. Dark is the default surface; light is the alternate. */
:root{
  /* base ramp — warm ink/paper, dark-mode-first */
  --ink-900:#f0ead8;--ink-700:#c8bfa8;--ink-500:#8a7e6a;--ink-300:#4a4438;--ink-100:#2a2620;
  --surface-0:#141210;--surface-1:#1a1710;--surface-2:#221f17;--surface-3:#2a2620;--surface-4:#3a3428;
  --border-1:#3a3428;--border-2:#4a4438;

  --copper-500:#c8864a;--copper-600:#e0a060;--copper-300:#8c5c2a;
  --tag-bg:#302a20;--tag-fg:#c8b898;
  --modal-scrim:rgba(0,0,0,0.72);

  --success-500:#5aaa48;--info-500:#7090d8;--warning-500:#f0a44a;--danger-500:#d05050;
  --success-bg:#0d2a1a;--info-bg:#1a2440;--warning-bg:#2a1e08;--danger-bg:#2a1010;

  /* semantic aliases */
  --text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-tertiary:var(--ink-500);
  --surface-bg:var(--surface-1);--surface-panel:var(--surface-2);--surface-raised:var(--surface-3);
  --border-default:var(--border-1);--border-strong:var(--border-2);
  --accent:var(--copper-500);--accent-strong:var(--copper-600);
  --tag-bg-tint:var(--tag-bg);--tag-fg-tint:var(--tag-fg);
  --status-success:var(--success-500);--status-success-bg:var(--success-bg);
  --status-info:var(--info-500);--status-info-bg:var(--info-bg);
  --status-warning:var(--warning-500);--status-warning-bg:var(--warning-bg);
  --status-danger:var(--danger-500);--status-danger-bg:var(--danger-bg);
  --scrollbar-thumb:#3a3428;
}
[data-theme="light"]{
  --ink-900:#1e1a15;--ink-700:#4a4035;--ink-500:#7a6e5e;--ink-300:#bdb4a0;--ink-100:#e4ddd0;
  --surface-0:#ede8dc;--surface-1:#f5f0e8;--surface-2:#ede8dc;--surface-3:#e4ddd0;--surface-4:#cec7b5;
  --border-1:#cec7b5;--border-2:#bdb4a0;
  --copper-500:#8c5c2a;--copper-600:#6e4520;--copper-300:#c8864a;
  --tag-bg:#ddd6c4;--tag-fg:#4a3e2e;
  --modal-scrim:rgba(20,16,10,0.55);
  --success-500:#2d6b4a;--info-500:#3d5a9b;--warning-500:#b06a10;--danger-500:#9b2c2c;
  --success-bg:#e0f4ea;--info-bg:#e8edf8;--warning-bg:#fff3e0;--danger-bg:#fce8e8;
  --scrollbar-thumb:#c8bfad;
}