/*
 * Shared design tokens for IX article elements.
 *
 * Scoped to .ix-el rather than :root so nothing here can leak into the theme
 * or the block editor's own chrome. Every element root carries this class.
 */

.ix-el {
  /* Accent — eyebrow labels, bullet dots. */
  --ix-accent: #857bf5;

  /* Element body text. Slightly darker than the theme's #374151 body copy;
     taken from the design, where a single ink colour covers both the bold
     lead-in and the regular text. */
  --ix-ink: #121826;

  /* Text placed on top of --ix-accent. */
  --ix-on-accent: #ffffff;

  /* Tinted surface — alternating table rows. */
  --ix-tint: #f2f0fe;

  /* Hairline rules between rows. */
  --ix-rule: #e4e4e4;

  /* Page background, used by the table's scroll-shadow gradients. */
  --ix-surface: #ffffff;

  /* Matches the stacks the theme declares in its compiled app.css. */
  --ix-font-sans: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu,
    Cantarell, "Noto Sans", sans-serif;
  --ix-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Space above and below an element inside the article flow. */
  --ix-element-gap: 60px;
}