/* tokens.css — the AgentReady design tokens.
 *
 * Before the migration this :root block was duplicated across ten pages in six
 * apparently-different variants. Diffing them during migration showed the ONLY
 * differences were whitespace and notation:
 *
 *     --bg: #ffffff   vs  --bg: #fff                            (same colour)
 *     linear-gradient(135deg, #6366f1, #8b5cf6)
 *       vs linear-gradient(135deg,#6366f1,#8b5cf6)              (same gradient)
 *     "Plus Jakarta Sans", system-ui, sans-serif
 *       vs "Plus Jakarta Sans",system-ui,sans-serif             (same stack)
 *
 * Plus four tokens that only some pages declared because only those pages used
 * them. Consolidating is therefore visually lossless — there was no real drift.
 */

:root {
  /* Surfaces */
  --bg: #ffffff;
  --bg2: #f8f9fc;
  --bg3: #f1f3f8;
  --surface: #eef0f6;
  --surface2: #e4e7f0;
  --border: #e2e5ee;
  --border2: #c9cede;

  /* Text */
  --text: #111827;
  --text2: #4b5563;
  --text3: #9ca3af;

  /* Brand */
  --accent: #6366f1;
  --accent2: #4f46e5;
  --accent-g: linear-gradient(135deg, #6366f1, #8b5cf6);

  /* Status. The -dim variants were declared only by index.html, which is the
     only page that renders audit score states. Harmless elsewhere. */
  --green: #059669;
  --green-dim: #d1fae5;
  --teal: #0891b2;
  --teal-dim: #cffafe;
  --amber: #d97706;
  --amber-dim: #fef3c7;
  --red: #dc2626;
  --red-dim: #fee2e2;

  /* Type */
  --font: "Plus Jakarta Sans", system-ui, sans-serif;
  --mono: "JetBrains Mono", monospace;

  /* Radii */
  --r: 8px;
  --r2: 14px;
  --r3: 20px;

  /* Article measure. Declared only by the three industry-insights pages;
     nothing else references var(--max). */
  --max: 760px;
}