/**
 * @file
 * Defines section themes.
 */

[layout-section-theme="01"] {
  --accentColor: var(--yellow);
  --sectionBgColor: var(--darkBlue);
  --sectionBgRgbColor: 0, 45, 86;
  --headingColor: var(--colorInverse);
  --linkColor: var(--yellow);
  --buttonColor: var(--brightBlue);
  --buttonBgColor: var(--colorInverse);
  --iconColor: var(--colorInverse);
  --blockquoteColor: var(--colorInverse);
  --quoteMarkColor: var(--brightBlue);
  color: var(--colorInverse);
}

[layout-section-theme="02"] {
  --accentColor: var(--yellow);
  --sectionBgColor: var(--brandBlue);
  --sectionBgRgbColor: 0, 48, 135;
  --headingColor: var(--colorInverse);
  --linkColor: var(--yellow);
  --buttonColor: var(--brandBlue);
  --buttonBgColor: var(--colorInverse);
  --iconColor: var(--colorInverse);
  --blockquoteColor: var(--colorInverse);
  --quoteMarkColor: var(--brightBlue);
  color: var(--colorInverse);
}

[layout-section-theme="03"] {
  --accentColor: var(--yellow);
  --sectionBgColor: var(--brightBlue);
  --sectionBgRgbColor: 0, 87, 183;
  --headingColor: var(--colorInverse);
  --linkColor: var(--yellow);
  --buttonColor: var(--brandBlue);
  --buttonBgColor: var(--colorInverse);
  --iconColor: var(--colorInverse);
  --blockquoteColor: var(--colorInverse);
  --quoteMarkColor: var(--darkBlue);
  color: var(--colorInverse);
}

[layout-section-theme="04"] {
  --accentColor: var(--color);
  --sectionBgColor: #e8f0f9; /** Variation of light blue */
  --sectionBgRgbColor: 232, 240, 249;
  --linkColor: var(--brandBlue);
  --buttonBgColor: var(--brandBlue);
  --iconColor: var(--brandBlue);
}

[layout-section-theme="05"] {
  --accentColor: var(--yellow);
  --sectionBgColor: var(--darkGreen);
  --sectionBgRgbColor: 61, 122, 74;
  --headingColor: var(--colorInverse);
  --linkColor: var(--colorInverse);
  --buttonBgColor: var(--brightBlue);
  --iconColor: var(--brightBlue);
  --blockquoteColor: var(--colorInverse);
  --quoteMarkColor: var(--yellow);
  color: var(--colorInverse);
}

[layout-section-theme="06"] {
  --sectionBgColor: var(--lightGrey);
  --sectionBgRgbColor: 242, 242, 242;
}