window {
  font-family: $desktop-font;
  background: $gray-800;
  font-size: $desktop-font-size;

  .window-content {
    padding: $spacing;
  }

  .window-actions {
    padding: $spacing;

    &.bordered {
      border-top: 2px solid $gray-400;
      background: $gray-900;
    }
    
    &.background-gray {
      background: $gray-900;
    }
  }

  .actions {
    .btn {
      margin-left: $spacing/1.5;
    }
  }

  .actions-right {
    padding-left: $spacing;
  }

  .actions-left {
    padding-right: $spacing;
  }

  &.light {
    background: $white;

    .window-actions.bordered {
      background: $white;
    }
  }
}

dialog {
  font-family: $desktop-font;
  background: $gray-800;
  font-size: $desktop-font-size;

  .dialog-content {
    padding: $spacing;
  }

  .dialog-actions {
    padding: $spacing;

    &.bordered {
      border-top: 1px solid $gray-700;
      background: $gray-900;
    }
  }

  &.light {
    background: $gray-100;

    .window-actions.bordered {
      background: $white;
    }
  }
}
