/*  CSS Specific to Website */

@layer theme {
  :root, :host {
    --color-brandorange: #F58020;
    --color-brandblack: #444444;
  }
}



/*  Semantic for Website */

h1 { font-family: var(--font-header) } 

.callout { background-color: var(--color-brandorange);color: #ffffff; border-radius: 0.25rem; padding-left:15px; padding-right:15px; } 
.callout.dark { background-color: var(--color-brandblack);color: #ffffff; border-radius: 0.25rem; } 
.callout:hover { background-color: var(--color-brandblack); color: var(--color-brandorange); }