/**
 * Forra Insights - design tokens.
 *
 * Single source of truth for every block colour. Registered once at :root
 * (front end and inside the editor iframe via enqueue_block_assets) so block
 * stylesheets reference var(--token) and never hardcode hex.
 *
 * Values are final per the design handoff. If the active theme already defines
 * these at :root the values are identical, so this is a harmless no-op there.
 */
:root {
  --blue: #0430ad;        /* Brand blue: Note callout, LLC column, links */
  --blue-2: #03228a;
  --blue-3: #021456;      /* Takeaways header bar, In-Article CTA background */
  --blue-soft: #e3e7f5;   /* Note icon bg, Yes-pip bg */
  --orange: #ff6a1a;      /* Watch-out callout, CTA eyebrow + button, accents */
  --orange-2: #e85a0c;    /* Watch-out text, orange "if yes" */
  --orange-soft: #ffe5d2; /* Watch-out icon bg */
  --green: #156641;       /* Practical tip callout */
  --green-soft: #d5ebe0;  /* Practical tip icon bg */
  --ink: #0b1530;         /* Primary text */
  --ink-soft: #4a5680;    /* Secondary text */
  --ink-softer: #6b7694;  /* Tertiary / muted labels */
  --line: #e4e7ef;        /* Default borders */
  --line-2: #cfd5e3;      /* Stronger borders, dashed dividers */
  --bg: #ffffff;
  --bg-soft: #f6f7fb;     /* Table header rows, pull-quote bg, group heads */
}

/* Accent inline formats (registered in assets/accent-format.js). Styled here
   so they render on the front end and inside the editor iframe alike. */
.forra-accent-blue { color: var(--blue); }
.forra-accent-orange { color: var(--orange); }