/* colors */
.theme-frosted-mini-wheats {
  --primary-color: #F38231;
  --primary-hover: #E0522F;
  --secondary-color: #004A97;
  --secondary-hover: #003A73;
  --tertiary-color: #AAA;
  --black: #333;
}

.theme-frosted-mini-wheats.ca-brand {
  --primary-color: #0063a7;
  --primary-hover: #004778;
  --secondary-color: #00355f;
}

/* body */
body.theme-frosted-mini-wheats main {
  font-family: var(--frosted-mini-wheats-font);
}

/* headings */
body.theme-frosted-mini-wheats main h1,
body.theme-frosted-mini-wheats main h2,
body.theme-frosted-mini-wheats main h3,
body.theme-frosted-mini-wheats main h4,
body.theme-frosted-mini-wheats main h5,
body.theme-frosted-mini-wheats main h6 {
  font-family: var(--frosted-mini-wheats-font);
  color: var(--primary-color); 
  font-weight: bold;
  line-height: 1;
}

body.theme-frosted-mini-wheats main p {
  color: var(--black);
}

/* buttons */
.theme-frosted-mini-wheats main a.button,
.theme-frosted-mini-wheats main button {
  font-family: var(--frosted-mini-wheats-font);
}

.theme-frosted-mini-wheats main a.button.primary,
.theme-frosted-mini-wheats main button.primary {
  padding: .85rem 1.875rem .65rem;
}

.theme-frosted-mini-wheats main a.button.secondary,
.theme-frosted-mini-wheats main button.secondary {
  justify-content: center;
  background-color: var(--secondary-color);
  color: var(--white);
  font-family: var(--frosted-mini-wheats-font);
  font-size: 1.2em;
  padding: .5em 2em;
  border-radius: 0.5em;
  border-top-left-radius: 1em .75em;
  border-top-right-radius: 1em .75em;
  border-bottom-left-radius: 1em .75em;
  border-bottom-right-radius: 1em .75em;
  border: 0;
  transition: color 0.15s, background-color 0.15s;
}

.theme-frosted-mini-wheats main a.button.secondary:hover,
.theme-frosted-mini-wheats main button.secondary:hover,
.theme-frosted-mini-wheats main a.button.secondary:focus,
.theme-frosted-mini-wheats main button.secondary:focus {
  background-color: var(--secondary-hover);
}

/* section */
.theme-frosted-mini-wheats main .section.tertiary-bg-section:after {
  background: radial-gradient(circle farthest-corner at 50% 50%, #f4d3ba, #c05b0e 75%);
}