/* Vijil colour tokens.
 *
 * The design export hardcodes 59 distinct hex values across 7,391 inline
 * declarations and uses the design system's own tokens.css exactly once. These
 * are the real brand values, named from handoff.md's design-token section
 * rather than from the scaffold defaults in _ds/.../tokens/tokens.css, whose
 * --color-background is a grey-blue gradient that appears nowhere on the site.
 *
 * A hex-to-token map is 1:1, so where one value carries two meanings only one
 * name survives. #4a90e2 is both the light-blue accent and the Diamond product
 * colour; it is named --vj-accent, and --vj-diamond aliases it. Splitting them
 * needs a human deciding which occurrence is which, which is design work, not
 * a mechanical pass.
 *
 * Tokenising is what makes a future dark mode tractable: redefining these
 * under a [data-theme] selector reaches the whole site, whereas 7,391 inline
 * hex literals cannot be overridden at all.
 */
:root {
  /* Grounds */
  --vj-ground-ivory: #f7f5f0;   /* business owner + all content pages */
  --vj-ground-navy:  #0b1626;   /* risk owner */
  --vj-ground-black: #060707;   /* developer */
  --vj-surface:      #ffffff;
  --vj-surface-alt:  #f3f1ea;   /* hover ground on light */
  --vj-ground-ink:   #0b0f16;   /* code blocks, deepest panels */

  /* Ink on light */
  --vj-ink:          #101828;
  --vj-ink-body:     #475467;
  --vj-ink-strong:   #344054;
  --vj-ink-muted:    #667085;
  --vj-ink-subtle:   #98a2b3;
  --vj-ink-serif:    #1f2937;   /* blog body, Newsreader */

  /* Ink on dark */
  --vj-ink-on-navy:  #ebeef5;
  --vj-ink-on-black: #f4f6f2;

  /* Brand */
  --vj-brand:        #0247a9;
  --vj-brand-hover:  #023b8d;
  --vj-accent:       #4a90e2;
  --vj-accent-light: #6ea8e8;
  --vj-hairline:     #e6edf5;

  /* Products */
  --vj-discover:     #64748b;
  --vj-diamond:      var(--vj-accent);
  --vj-dome:         #fbbf24;
  --vj-dome-light:   #b45309;   /* Dome on light pages */
  --vj-darwin:       #8b5cf6;

  /* Status and category */
  --vj-success:      #1a7f37;   /* How-to category, pass states */
  --vj-success-alt:  #157f52;
  --vj-danger:       #d92d20;
  --vj-danger-dark:  #b42318;
}