/**
 * @file
 * Palette defaults and independent custom-color variables.
 */

body {
  --abc-primary: #000;
  --abc-primary-hover: #555;
  --abc-menu-color: #fff;
  --abc-mobile-link: #000;
}

.mb0 {
  --abc-menu-color: #000;
}

.mb10 {
  --abc-menu-color: var(--abc-custom-menu-text);
}

.bi1 {
  --abc-top-gradient: linear-gradient(to bottom,
      #f4cde6 0px,
      #f4cde6 44px,
      #f6d7eb 142px,
      #fceef5 290px,
      #fefdfe 434px);
  --abc-bottom-gradient: linear-gradient(to bottom,
      #fefdfe 0px,
      #fdf7fb 27px,
      #f7dbed 101px,
      #f5d3e9 130px,
      #f5d2e8 189px);
  --abc-background-edge: #f5d2e8;
}

.bi2 {
  --abc-top-gradient: linear-gradient(to bottom,
      #c6f6c1 0px,
      #c6f6c1 56px,
      #d4ffc7 186px,
      #d9ffcd 205px,
      #e0ffd3 245px,
      #f1ffe8 321px,
      #f8fff1 372px,
      #fbfff8 391px,
      #fffffd 434px);
  --abc-bottom-gradient: linear-gradient(to bottom,
      #fefffc 0px,
      #fdfffa 11px,
      #f8fff2 26px,
      #e0ffd3 74px,
      #d2fec6 101px,
      #c9f8c3 138px,
      #c9f8c3 189px);
  --abc-background-edge: #c9f8c3;
}

.bi3 {
  --abc-top-gradient: linear-gradient(to bottom,
      #f3f99d 0px,
      #f3f99d 36px,
      #f5faaa 117px,
      #fcfde1 314px,
      #fcfde1 326px,
      #fcfeeb 346px,
      #fdfeeb 365px,
      #fefef4 384px,
      #fefef4 407px,
      #fefffe 434px);
  --abc-bottom-gradient: linear-gradient(to bottom,
      #fefffa 0px,
      #fdfeee 27px,
      #f8fbc3 83px,
      #f5faae 118px,
      #f3f9a4 146px,
      #f3f9a4 189px);
  --abc-background-edge: #f3f9a4;
}

.bi4 {
  --abc-top-gradient: linear-gradient(to bottom,
      #d0e8f4 0px,
      #d0e8f4 56px,
      #d4eaf5 99px,
      #f6fbfd 344px,
      #fdfeff 434px);
  --abc-bottom-gradient: linear-gradient(to bottom,
      #fdfeff 0px,
      #f7fbfd 29px,
      #d5ebf6 125px,
      #d3eaf5 189px);
  --abc-background-edge: #d3eaf5;
}

.bi5 {
  --abc-top-gradient: linear-gradient(to bottom,
      #d0d0d0 0px,
      #d0d0d0 55px,
      #d6d6d6 112px,
      #f6f6f6 346px,
      #fefefe 434px);
  --abc-bottom-gradient: linear-gradient(to bottom,
      #fdfdfd 0px,
      #f5f5f5 36px,
      #d5d5d5 126px,
      #d3d3d3 189px);
  --abc-background-edge: #d3d3d3;
}

.tr1 {
  --abc-top-menu-background: #c09;
  --abc-top-menu-text: #fff;
}

.tr2 {
  --abc-top-menu-background: #390;
  --abc-top-menu-text: #fff;
}

.tr3 {
  --abc-top-menu-background: #f60;
  --abc-top-menu-text: #fff;
}

.tr4 {
  --abc-top-menu-background: #069;
  --abc-top-menu-text: #fff;
}

.tr5 {
  --abc-top-menu-background: #444;
  --abc-top-menu-text: #fff;
}

.bt1 {
  --abc-block-title: #c09;
}

.bt2 {
  --abc-block-title: #390;
}

.bt3 {
  --abc-block-title: #f60;
}

.bt4 {
  --abc-block-title: #069;
}

.bt5 {
  --abc-block-title: #444;
}

.bt6 .region-user1,
.bt6 .region-user8,
.bt6 #sidebar-left .block-wrapper:nth-child(4),
.bt6 #sidebar-left .block-wrapper:nth-child(8),
.bt6 #sidebar-right .block-wrapper:nth-child(1),
.bt6 #sidebar-right .block-wrapper:nth-child(5) {
  --abc-block-title: #069;
}

.bt6 .region-user2,
.bt6 .region-user6,
.bt6 #sidebar-left .block-wrapper:nth-child(2),
.bt6 #sidebar-left .block-wrapper:nth-child(6),
.bt6 #sidebar-right .block-wrapper:nth-child(2),
.bt6 #sidebar-right .block-wrapper:nth-child(6) {
  --abc-block-title: #390;
}

.bt6 .region-user3,
.bt6 .region-user5,
.bt6 #sidebar-left .block-wrapper:nth-child(1),
.bt6 #sidebar-left .block-wrapper:nth-child(5),
.bt6 #sidebar-right .block-wrapper:nth-child(3),
.bt6 #sidebar-right .block-wrapper:nth-child(7) {
  --abc-block-title: #c09;
}

.bt6 .region-user4,
.bt6 .region-user7,
.bt6 #sidebar-left .block-wrapper:nth-child(3),
.bt6 #sidebar-left .block-wrapper:nth-child(7),
.bt6 #sidebar-right .block-wrapper:nth-child(4),
.bt6 #sidebar-right .block-wrapper:nth-child(8) {
  --abc-block-title: #f60;
}

.bt7 {
  --abc-block-title: var(--abc-custom-block-title);
}

.tr6 {
  --abc-top-menu-background: var(--abc-custom-top-menu);
  --abc-top-menu-text: var(--abc-custom-menu-text);
}
