anchor.diff:  :warning-caption: :warning:
   endif::[]
   :window: _blank
  +// Aliases:
  +:conum-guard-yaml: #
  +ifndef::icons[:conum-guard-yaml: # #]
   
   ////
   Topics remaining to document:
  
positive.code: 
  For instance, here's how you can define your brand colors:
  
  [source,yaml]
  ----
  brand:
    primary: #E0162B # <1>
    secondary: '#FFFFFF' # <2>
    alert: '0052A5' # <3>
  ----
  <1> To align with CSS, you may add a `+#+` in front of the hex color value.
  A YAML preprocessor is used to ensure the value is not treated as a comment as it would normally be the case in YAML.
  
negative.code: 
  Here's an example of how to use an image in the running header (which also applies for the footer).
  
  [source,yaml,subs=attributes+]
  ----
  header:
    height: 0.75in
    image_vertical_align: 2 {conum-guard-yaml} <1>
    recto_content:
      center: image:footer-logo.png[width=80]
    verso_content:
  