$dark-grey: #121212;
$dark-theme: (
        "00dp": $dark-grey,
        "01dp": scale-color($dark-grey, $lightness: +5%),
        "02dp": scale-color($dark-grey, $lightness: +7%),
        "03dp": scale-color($dark-grey, $lightness: +8%),
        "04dp": scale-color($dark-grey, $lightness: +9%),
        "06dp": scale-color($dark-grey, $lightness: +11%),
        "08dp": scale-color($dark-grey, $lightness: +12%),
        "12dp": scale-color($dark-grey, $lightness: +14%),
        "16dp": scale-color($dark-grey, $lightness: +15%),
        "24dp": scale-color($dark-grey, $lightness: +16%),
);

$primary-theme: (
        50: #fcf2e7,
        100: #f8dec3,
        200: #f3c89c,
        300: #eeb274,
        400: #eaa256,
        500: #e69138,
        600: #e38932,
        700: #df7e2b,
        800: #db7424,
        900: #d56217
);

$accent-theme: (
        50: #e8f0f8,
        100: #c5daee,
        200: #9ec2e3,
        300: #77aad7,
        400: #5a97cf,
        500: #3d85c6,
        600: #377dc0,
        700: #2f72b9,
        800: #2768b1,
        900: #1a55a4
);

//@font-face {
//  font-family: Roboto;
//  src: url("/home/william/Dev/Projects/todo/App/src/main/resources/style/font/Roboto/Roboto-Regular.ttf");
//}

.root {
  -fx-background-color: map-get($dark-theme, "00dp");
}

.text {
  -fx-text-fill: white;
}

.board-selection {
  .board {
    -fx-background-color: map-get($dark-theme, "01dp");
    -fx-background-radius: 4px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 2, 0, 0, 5);

    &.add {
      -fx-background-color: map-get($primary-theme, 700);
      -fx-font-size: 10em;
      -fx-text-fill: $dark-grey;
    }

    &:hover {
      -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .5), 6, 0, 0, 5);
    }
  }

  .sidebar {
    //-fx-border-width: 0 0 0 2px;
    //-fx-border-color: map-get($primary-theme, 700);
    -fx-background-color: map-get($dark-theme, "01dp");
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .5), 6, 0, -2, 0);
  }
}
