/* ── Global Design Tokens ─────────────────────────────────────
   Session 1: global styles + shared header/nav/table/dropdown.
   Imported first, before style.css. Per-tab content still uses
   the legacy tokens in style.css until later redesign sessions. */
:root {
  /* Surfaces */
  --color-bg: oklch(15% 0.012 260);
  --color-surface: oklch(19% 0.013 260);
  --color-surface-2: oklch(23% 0.014 260);      /* inputs, dropdown panels */
  --color-border: oklch(30% 0.016 260);

  /* Text */
  --color-text: oklch(92% 0.006 260);
  --color-text-muted: oklch(62% 0.02 260);

  /* Accent */
  --color-accent: oklch(70% 0.19 280);
  --color-accent-text: oklch(78% 0.19 280);      /* accent text needs more contrast than raw accent */

  /* Table header */
  --color-header-bg: oklch(26% 0.024 275);
  --shadow-header-underline: inset 0 -2px 0 oklch(70% 0.19 280 / 0.6);

  /* Status */
  --color-success: oklch(72% 0.17 150);   /* Paid, Reconciled, IN */
  --color-warning: oklch(78% 0.15 90);    /* Pending, Outstanding */
  --color-error: oklch(65% 0.19 25);      /* Overdue, Failed, OUT, mismatch */

  /* Per-chain (wallet/chain dots) — eth/polygon/arbitrum/base from design
     handoff; the rest extend the same palette for chains this app also
     supports (Moralis + Blockscout + Alephium + NEAR). Chains not listed
     here fall back to --color-text-muted (see .wallet-chain-dot). */
  --color-chain-eth: oklch(65% 0.15 250);
  --color-chain-polygon: oklch(65% 0.18 300);
  --color-chain-arbitrum: oklch(60% 0.14 230);
  --color-chain-base: oklch(62% 0.16 240);
  --color-chain-bsc: oklch(78% 0.15 85);
  --color-chain-avalanche: oklch(62% 0.19 25);
  --color-chain-fantom: oklch(62% 0.16 255);
  --color-chain-optimism: oklch(62% 0.19 30);
  --color-chain-linea: oklch(68% 0.13 185);
  --color-chain-cronos: oklch(58% 0.14 265);
  --color-chain-gnosis: oklch(68% 0.15 145);
  --color-chain-moonbeam: oklch(65% 0.17 340);
  --color-chain-cross: oklch(68% 0.13 200);
  --color-chain-alephium: oklch(70% 0.16 55);
  --color-chain-near: oklch(70% 0.14 10);

  /* Typography */
  --font-family-base: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: 'IBM Plex Mono', 'SF Mono', 'Fira Code', monospace; /* addresses, hashes, invoice #s */
  --font-size-body: 0.875rem;        /* 0.85–0.9rem range */
  --font-size-h1: 1.65rem;           /* weight 800, letter-spacing -0.01em */
  --font-size-eyebrow: 0.72rem;      /* weight 700, uppercase, letter-spacing 0.06em, muted */
  --font-size-hero: 2.4rem;          /* weight 800 */

  /* Radius */
  --radius-card: 13px;
  --radius-input: 7px;
  --radius-pill: 999px;

  /* Spacing */
  --space-card-padding: 1.4rem;
  --space-section-gap: 1.5rem;

  /* Shadows */
  --shadow-dropdown: 0 10px 24px rgba(0,0,0,0.4);
}