/* InventList v22 Page profile — scoped public token snapshot. */

.inventlist-v22 {
  /* Ground and ink */
  --il-ink: #141414;
  --il-ink-soft: #57534E;
  --il-ink-muted: #8A8780;
  --il-bg: #FBFAF8;
  --il-paper: #FFFFFF;
  --il-rule: #E7E5E4;
  --il-rule-strong: #D6D3D1;

  /* Accent and states */
  --il-accent: #7C3AED;
  --il-accent-soft: #F4F0FB;
  --il-accent-deep: #6D28D9;
  --il-ok: #15803D;
  --il-ok-soft: #DCFCE7;
  --il-ok-line: #BBF7D0;
  --il-warn: #92400E;
  --il-warn-soft: #FEF3C7;
  --il-warn-line: #FED7AA;
  --il-bad: #991B1B;
  --il-bad-soft: #FEE2E2;
  --il-bad-line: #FECACA;

  /* Reusable role tones */
  --il-tone-ai: #F3E9F7;
  --il-tone-ai-ink: #6B21A8;
  --il-tone-client: #E6EEF6;
  --il-tone-client-ink: #1E40AF;
  --il-tone-server: #F8EFD6;
  --il-tone-server-ink: #92400E;
  --il-tone-data: #ECF1DF;
  --il-tone-data-ink: #3F6212;

  /* Type */
  --il-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --il-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --il-body-size: 14.5px;
  --il-body-leading: 1.55;
  --il-display-size: 44px;
  --il-display-leading: 0.92;
  --il-display-tracking: -0.045em;
  --il-eyebrow-size: 11px;
  --il-eyebrow-tracking: 0.14em;

  /* Rhythm and shape */
  --il-space-1: 4px;
  --il-space-2: 8px;
  --il-space-3: 12px;
  --il-space-4: 16px;
  --il-space-5: 20px;
  --il-space-6: 24px;
  --il-space-7: 32px;
  --il-space-8: 48px;
  --il-radius-code: 3px;
  --il-radius-meta: 4px;
  --il-radius-control: 8px;
  --il-radius-card: 12px;
  --il-radius-pill: 999px;

  /* Elevation and reading layout */
  --il-shadow-soft: 0 1px 2px rgba(20, 20, 20, 0.04);
  --il-shadow-card: 0 30px 60px -25px rgba(20, 20, 20, 0.20), 0 12px 24px -10px rgba(20, 20, 20, 0.08);
  --il-reading-width: 1000px;
  --il-page-inline: 24px;
  --il-page-block-start: 32px;
  --il-page-block-end: 80px;
}

@media (max-width: 620px) {
  .inventlist-v22 {
    --il-display-size: 32px;
    --il-page-inline: 16px;
    --il-page-block-start: 24px;
    --il-page-block-end: 60px;
  }
}