/*
 * nimiq.party design tokens — real Nimiq values (docs/spec/04-design-system.md).
 * We hand-author with these tokens instead of loading @nimiq/style, which keeps
 * us clear of the 62.5% font-size trap (all sizing is plain px). The VISUAL look
 * (palette direction, green-pop intensity, wow screen) is reserved for Andrew —
 * these are the system primitives, not the final styling.
 */
:root {
  /* Brand hex */
  --nq-navy: #1f2348;
  --nq-light-blue: #0582ca;
  --nq-gold: #e9b213;
  --nq-orange: #ec991c;
  --nq-green: #21bca5; /* SUCCESS / "settled" ONLY */
  --nq-red: #d94432; /* unpaid / error */

  /* Gradients (use background-image, never a flat -color) */
  --nq-navy-bg: radial-gradient(100% 100% at bottom right, #260133, #1f2348);
  --nq-light-blue-bg: radial-gradient(100% 100% at bottom right, #265dd7, #0582ca);
  --nq-green-bg: radial-gradient(100% 100% at bottom right, #41a38e, #21bca5);
  --nq-gold-bg: radial-gradient(100% 100% at bottom right, #ec991c, #e9b213);

  /* Surfaces */
  --nq-page-bg: #f8f8f8;
  --nq-surface: #ffffff;
  --nq-light-gray: #fafafa; /* very-light solid inset surface (readouts), never a tint */
  --nq-card-radius: 12px;
  --nq-card-shadow: 0 3px 22px rgba(0, 0, 0, 0.111);
  --nq-modal-overlay: rgba(31, 35, 72, 0.6);

  /* Text */
  --nq-text: #1f2348;
  --nq-text-muted: rgba(31, 35, 72, 0.5);
  --nq-text-faint: rgba(31, 35, 72, 0.3);
  --nq-text-on-dark: #ffffff;
  --nq-text-muted-on-dark: rgba(255, 255, 255, 0.6);

  /* Solid amount chip (transaction-list reference): a SOLID very-light green
     fill with green text — the settled "+amount" pill. Never a full-row tint. */
  --nq-green-chip: #e6f8f4;
  --nq-green-chip-text: #1ea58f;

  /* Row divider — thin hairline between flat list rows (matches the tx list). */
  --nq-divider: rgba(31, 35, 72, 0.1);

  /* Light-blue inset surface for quiet secondary actions (solid, not a tint). */
  --nq-blue-soft: #eef6fc;

  /* Type */
  --nq-font: "Mulish", "Muli", system-ui, -apple-system, sans-serif;
  --nq-font-mono: "Fira Mono", ui-monospace, monospace;

  /* Motion */
  --nq-ease: cubic-bezier(0.25, 0, 0, 1);

  /* nimiq.party semantic aliases */
  --split-pending: var(--nq-red);
  --split-settled: var(--nq-green);
  --split-cta: var(--nq-navy); /* primary action; look-&-feel: navy vs light-blue (#10) */
}