/* iLink Tools shared design tokens - plain CSS custom properties (static tools).
   Source of truth: docs/design-system.md v1.0 (light-first).
   One token set, three syntaxes (change together - see README.md).

   Consume via <link rel="stylesheet" href="ilink-tokens.css"> (copy alongside the
   static tool's index.html at deploy stage) and re-value the tool's own legacy
   :root vars to these (AD3: rename nothing, re-value everything). */
:root {
  /* neutrals (design-system §2.2, warm light theme) */
  --ilink-canvas: #F7F4ED;
  --ilink-surface: #FFFFFF;
  --ilink-canvas-line: #E6E0D2;
  --ilink-canvas-line-strong: #DAD5C8;
  --ilink-ink: #1B1B1A;
  --ilink-ink-muted: #6B6B66;
  --ilink-ink-faint: #A39C8C;

  /* brand (§2.1) */
  --ilink-teal: #225B62;
  --ilink-teal-dark: #1a474d;
  --ilink-blue: #456EA2;
  --ilink-green: #07641D;
  --ilink-action-red: #f80000;
  --ilink-action-red-hover: #d90000;
  --ilink-light-blue: #E2E8F4;
  --ilink-error: #C0140C;

  /* status tints (§2.4) + severity ramp (§2.7) */
  --ilink-tint-info: #E2E8F4;
  --ilink-tint-live: #EAFAEF;
  --ilink-tint-warn: #FDEEE0;
  --ilink-warn-text: #9A6A00;
  --ilink-tint-error: #FCE9E8;

  /* typography (§3, local-first, no webfonts) */
  --ilink-font-display: 'Aptos Display', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ilink-font-body: 'Aptos', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* radius scale (§5) */
  --ilink-radius-card: 12px;
  --ilink-radius-cta: 8px;
}